RowLayout QML Type | Qt Quick 6.1.1

- Qt 6.1
- Qt Quick
- QML Types
- RowLayout QML Type
- Qt 6.1.1 Reference Documentation

# RowLayout QML Type

Identical to GridLayout, but having only one row. More...

Import Statement: | import QtQuick.Layouts 1.1
Inherits: | Item

- List of all members, including inherited members

## Properties

- layoutDirection : enumeration
- spacing : real

## Detailed Description

It is available as a convenience for developers, as it offers a cleaner API.

Items in a RowLayout support these attached properties:

- Layout.minimumWidth
- Layout.minimumHeight
- Layout.preferredWidth
- Layout.preferredHeight
- Layout.maximumWidth
- Layout.maximumHeight
- Layout.fillWidth
- Layout.fillHeight
- Layout.alignment
- Layout.margins
- Layout.leftMargin
- Layout.rightMargin
- Layout.topMargin
- Layout.bottomMargin

     RowLayout {
         id: layout
         anchors.fill: parent
         spacing: 6
         Rectangle {
             color: 'teal'
             Layout.fillWidth: true
             Layout.minimumWidth: 50
             Layout.preferredWidth: 100
             Layout.maximumWidth: 300
             Layout.minimumHeight: 150
             Text {
                 anchors.centerIn: parent
                 text: parent.width + 'x' + parent.height
             }
         }
         Rectangle {
             color: 'plum'
             Layout.fillWidth: true
             Layout.minimumWidth: 100
             Layout.preferredWidth: 200
             Layout.preferredHeight: 100
             Text {
                 anchors.centerIn: parent
                 text: parent.width + 'x' + parent.height
             }
         }
     }

Read more about attached properties here.

See also ColumnLayout, GridLayout, and Row.

## Property Documentation

[since QtQuick.Layouts 1.1] layoutDirection : enumeration

This property holds the layout direction of the row layout - it controls whether items are laid out from left to right or right to left. If `Qt.RightToLeft` is specified, left-aligned items will be right-aligned and right-aligned items will be left-aligned.

Possible values:

- Qt.LeftToRight (default) - Items are laid out from left to right.
- Qt.RightToLeft - Items are laid out from right to left

This property was introduced in QtQuick.Layouts 1.1.

See also GridLayout::layoutDirection and ColumnLayout::layoutDirection.

spacing : real

This property holds the spacing between each cell. The default value is `5`.