QML 坑记 - RowLayout

RowLayout 坑1：

此问题为我项目中遇到的问题记录，可能不具备普适性，特此说明。
使用clip 属性会覆盖RowLayout的内容，界面一片空白。

错误代码如下：

Item {

           width: GridView.view.width
           height: 150
           //clip: true //don't use the clip property when using the RowLayout

           RowLayout {
               //anchors.fill: parent
               Layout.alignment:  Qt.AlignCenter
               spacing: 10

               ColumnLayout {
                   Layout.alignment:  Qt.AlignCenter
                   SeDataRange {
                       Layout.preferredWidth: 40
                       Layout.preferredHeight: 40
                   }
               }

              ColumnLayout {
                  Layout.alignment:  Qt.AlignCenter
                  spacing: 10
                  Repeater {
                       model:  groups
                       Item {
                           Layout.preferredWidth: 300
                           Layout.preferredHeight: 50
                           SeMeasureData {
                               anchors.fill: parent
                               dataRef:  da
                               dataType: type
                           }
                       }
                  }
              }

           }



       }

---

RowLayout 坑２：

如果 fillwidth = false，使用preferredWidth指定的值。
否则会根据min prefer max 这三者的设置进行布局。

Layout.fillWidth : bool

If this property is true, the item will be as wide as possible while respecting the given constraints. 
If the property is false, the item will have a fixed width set to the preferred width. 
The default is false, except for layouts themselves, which default to true.

 Layout.minimumWidth: 50
 Layout.preferredWidth: 100
 Layout.maximumWidth: 130
 Layout.fillWidth: true