AppLayout QML Type

(BETA) Applies values used for consistent app layouts. More...

• List of all members, including inherited members

Properties

• delegate : object

Detailed Description

The AppLayout component contains tooling used to keep the appearance of apps consistent across mobile devices. This is done to handle verying heights of the status bar across devices, especially devices with a notch such as later iPhones. It should be used when the app also makes use of the StatusBar component, to ensure that the status bar is consistently visible.

To use AppLayout, set your App object as the contents of the delegate property. This code sample demonstrates what this looks like:

AppLayout {
    width: 400
    height: 640
    delegate: App {
        id: app
        ...
    }
}

This component is only supported on Android and iOS. It causes no changes in app behavior on other operating systems.

Property Documentation