import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls 2.12

Window {
    id: root

    width: 250
    height: 150
    visible: true
    title: qsTr("Hello World")

    ColumnLayout
    {
        anchors.fill: parent

        CheckBox
        {
            id: cb
            text: "Add magenta rect"
        }

        Flickable
        {
            Layout.fillHeight: true
            Layout.fillWidth: true

            contentWidth: all.implicitWidth
            contentHeight: all.implicitHeight

            flickableDirection: Flickable.HorizontalAndVerticalFlick

            ScrollBar.vertical: ScrollBar {}
            ScrollBar.horizontal: ScrollBar {}

            ColumnLayout
            {
                id: all

                anchors.fill: parent

                spacing: 0

                Rectangle {
                    visible: cb.checked
                    implicitWidth: 1000
                    implicitHeight: 30
                    color: "magenta"
                }

                RowLayout
                {
                    spacing: 0

                    Layout.fillHeight: true
                    Layout.fillWidth: true

                    Rectangle {
                        color: "green"
                        implicitWidth: 100
                        Layout.fillHeight: true
                        Layout.minimumHeight: 700
                    }

                    Rectangle {
                        color: "blue"
                        Layout.fillHeight: true
                        Layout.fillWidth: true
                    }
                }
            }
        }
    }
}