iPhone SwiftUI layouts

Explore interactive SwiftUI previews across every available iPhone screenshot variant.

Picker

NavigationLinkPickerStyle

A picker style represented by a navigation link that presents the options by pushing a List-style picker view.

SwiftUI code

Full details Docs 
NavigationStack {
    List {
        Picker(selection: $selection) {
            Text("1")
                .tag("1")
            Section("Bar") {
                Text("2")
                    .tag("2")
            }
            Label("3", systemImage: "3.circle")
                .tag("3")
        } label: {
            Label("Foo", systemImage: "hand.tap")
            Text("Bar")
        } currentValueLabel: {
            Text("Selected: \(selection)")
        }
        .pickerStyle(.navigationLink)
    }
}

Compatibility

iOS 16.0+ iPadOS 16.0+ watchOS 9.0+ tvOS 16.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for NavigationLinkPickerStyle.

2 views