[Wojciech]

I have a AppListView component and show there image thumbnails with a label under (Rectangle with one column with two rows). But the rectangles render each below another, with full page width.

Is there a way to render it one by one (with fixed width) in a “flow layout” in a single row? If there are more elements that fit in a single for, next are rendered in a row below etc. ?

 

[Wojciech]

Here is my code:

              delegate: Component {
                  Rectangle {
                      id: delegateItem
                      width: 150
                      height: 150
                      color: "#333333"
                      border.width: 0
                              clip: true

                          Column {
                              width: 150
                              height: 150
                              id: col1
                            Row {
                              AppImage {
                                  defaultSource: "../../assets/img_loader.gif"
                                  source: img_url
                                 height: 100
                                  fillMode:Image.PreserveAspectFit; clip:true
                                  verticalAlignment: Text.AlignVCenter
                              }
                            }
                            Row {
                                AppText {
                                  width: 100
                                  wrapMode: Text.WrapAtWordBoundaryOrAnywhere
                                  text: podpis
                                  font.pixelSize: sp(12)
                                  verticalAlignment: Text.AlignVTop
                                  horizontalAlignment: Text.AlignHCenter
                                }
                            }
                       }
                    }
                }

 

[AlexFelgo Team]

Hi,

like this one: https://felgo.com/doc/qt/qml-qtquick-flow/?

Cheers,
Alex