Extends Item

Apple.NavigationPage

The Apple.NavigationPage element combines an Apple.NavigationBar and a ScrollView element together into a single page.

When used with a large sized navigation bar like that shown below, the page automatically supports "collapsing" the bar as it is scrolled.

property Color color: #white

The background color of the page.

alias Apple.NavigationBar navigationBar

The page's Apple.NavigationBar. Use this to set navigation bar properties, such as the title and appearance.

Apple.NavigationPage {
    navigationBar.title: "Welcome!"
    navigationBar.size: .Normal
}

alias ScrollView content

The page's ScrollView. Visual children should be added to the content ScrollView instead of directly to the page so that they are positioned and scrolled correctly.

Apple.NavigationPage {
    content {
        // ... page children ...
    }
}

View the Apple NavigationPage Example projectSave