QML在一个ROW中显示多文本

Question

我在以对齐方式在列表视图内显示文本时遇到问题。

我的代码是

                delegate: Rectangle{

                    width : parent.width
                    height: textId.implicitHeight+20
                    color: "white"
                    border.color: "#e4e4e4"
                    radius: 0
                    RowLayout{
                        anchors.fill: parent
                        anchors.margins: 20
                        Text{
                            id:textId
                            text : names
                        //    wrapMode: Text.Wrap
                          //  Layout.fillWidth: true
                           // width:300
                        }
                        Text{
                            id:textId2
                            text :favoriteColor
                          //  wrapMode: Text.Wrap
                            //Layout.fillWidth: true
                            //width: parent.width
                           // width:300
                        }

                        Text{
                            id:textId1
                            text :age
                           // wrapMode: Text.Wrap
                          //  width: parent.width
                        }
                    }

输出为

我期望文本字段（即名称，favouriteColor和age）以更加一致的方式出现。用简单的单词以简单的表格形式显示。 即，所有“收藏夹颜色”和“年龄”从整个列表中的同一点开始。

谢谢

Answer 1

您应使用Layout.preferredWidth和Layout.maximumWidth固定textId2和textId1的宽度，并将{{1}的true分配给Layout.fillWidth }。