Apple Watch SwiftUI layouts

Explore SwiftUI APIs, components, and modifiers with interactive Apple Watch previews, Swift code, and Apple documentation.

Picker

InlinePickerStyle

A PickerStyle where each option is displayed inline with other views in the current container.

Explore InlinePickerStyle on Apple Watch, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
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(.inline)
}

Compatibility

iOS 14.0+ iPadOS 14.0+ macOS 11.0+ watchOS 7.0+ tvOS 14.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available Apple Watch screenshot for InlinePickerStyle.

1 views