← Back to team overview

ubuntu-phone team mailing list archive

[qml] Elements overlapping

 

I'm having a persistent problem getting elements to not overlap when
using a ListView.

The code sample is below. The first thing, is that the button sits at
the top overlapping the first element. But, if I add a second element to
the model, it doesn't appear. Which might be because it's overlapping
the first element.

I have tried removing the Column, and moving the button out of the
ListView and into the column. The results vary slightly, but none of
them result in the button being at the bottom of the column.

I get the feeling the ListView thinks it's height is 0, and all it's
elements. The delegate is a custom thing wrapped in a ListItem.Empty.

    Column {
        anchors {
            fill: parent
            topMargin: units.gu(1)
            leftMargin: units.gu(1)
            rightMargin: units.gu(1)
        }
        spacing: units.gu(1)

        ListView {
            anchors {
                left: parent.left
                right: parent.right
            }
            model: payments

            delegate: SendComponent {}

            Button {
                anchors { left: parent.left; right: parent.right }
                text: i18n.tr("Send")
            }
        }
    }

Attachment: signature.asc
Description: This is a digitally signed message part


Follow ups