Hello all,

I'm having some trouble understanding what happens with the following QML:

import QtQuick 2.1

import QtQuick.Layouts 1.0


Item {

    width: 320

    height: 240

    ColumnLayout {

        anchors.left: parent.left

        anchors.right: parent.right

        RowLayout {

            Layout.fillWidth: true

            Text { text: 'foo' }

            Text { text: 'bar'; Layout.alignment: Qt.AlignRight }

        }

    }

}


I would expect the above code to look like good.png, but instead it looks
like bad.png. If I get rid of the ColumnLayout and do the following, it
works fine:


import QtQuick 2.1

import QtQuick.Layouts 1.0

Item {

    width: 320

    height: 240

    RowLayout {

        anchors.left: parent.left

        anchors.right: parent.right

        Text { text: 'foo' }

        Text { text: 'bar'; Layout.alignment: Qt.AlignRight }

    }

}


I'm able to work around the problem by putting a Layout.fillWidth: true in
'foo' in the first snippet, but I feel like I shouldn't need to do that.

Does anyone know what I'm doing wrong in the first example, or if it's a
bug with QtQuickControls layouts?

Thanks,
Daiwei

<<attachment: good.png>>

<<attachment: bad.png>>

_______________________________________________
Interest mailing list
Interest@qt-project.org
http://lists.qt-project.org/mailman/listinfo/interest

Reply via email to