Skip to main content
NavigationStack(children: Component | Component[]): Component;

​
Parameters

​
children
Component | Component[]
The root view or views to display in the navigation stack.

​
Support

​
Usage

​
Basic navigation stack

NavigationStack([
    VStack([
        Text("Welcome to the app"),
        Button("Go to Details", () => {
            // Navigation logic
        })
    ])
    .navigationTitle("Home")
])

​
With toolbar

NavigationStack([
    VStack([
        Text("Main content")
    ])
    .navigationTitle("My App")
    .toolbar(
        ToolbarItem(
            { placement: "navigationBarTrailing" },
            [Button("Settings", () => {})]
        )
    )
])

​
Multiple root views

NavigationStack([
    VStack([
        Text("First view")
    ]),
    VStack([
        Text("Second view")
    ])
])