Extends Item


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