Skip to main content
NavigationStack(children: Component | Component[]): Component;
​
children
Component | Component[]
required
The root view or views to display in the navigation stack.

​
Support

​
Usage

​
Basic navigation stack

NavigationStack([
    VStack([
        Text("Welcome to the app"),
        NavigationLink("Go to Details", () =>
            Text("Detail View")
                .navigationTitle("Details")
        )
    ])
        .navigationTitle("Home")
])

NavigationStack([
    List([
        NavigationLink("Settings", () => SettingsView()),
        NavigationLink("Profile", () => ProfileView()),
    ])
        .navigationTitle("Home")
])

​
With toolbar

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

​
See Also