import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.1

ApplicationWindow {
    visible: true
    width: 800
    height: 250
    title: qsTr("Layout Test")

    Column {
        RowLayout {
            height: 200
            width: 800

            Rectangle {
                Layout.fillHeight: true
                Layout.fillWidth: true

                visible: first.checked
                color: "plum"
            }
            Rectangle {
                Layout.fillHeight: true
                Layout.fillWidth: true

                visible: second.checked
                color: "teal"
            }
            Rectangle {
                Layout.fillHeight: true
                Layout.fillWidth: true

                visible: third.checked
                color: "salmon"
            }
            Rectangle {
                Layout.fillHeight: true
                Layout.fillWidth: true

                visible: fourth.checked
                color: "steelblue"
            }
        }
        RowLayout {
            height: 50
            width: 800

            CheckBox {
                id: first
                checked: true
                text: "Show First"
            }
            CheckBox {
                id: second
                checked: true
                text: "Show Second"
            }
            CheckBox {
                id: third
                checked: true // <-- Change to false to see the problem
                text: "Show Third"
            }
            CheckBox {
                id: fourth
                checked: true
                text: "Show Fourth"
            }
        }
    }
}