Apple Watch SwiftUI layouts

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

Picker

Custom Value Label Picker

Creates a picker that generates its label from a localized string key and accepts a custom current value label.

Explore Custom Value Label Picker on Apple Watch, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
@State var selection = "1"
let pickerOptions = ["1", "2", "3"]

var body: some View {
    List {
        Picker("Foo", selection: $selection) {
            ForEach(pickerOptions, id: \.self) { option in
                Text(option)
            }
        } currentValueLabel: {
            Text("Current: \(selection)")
        }
    }
}

Compatibility

iOS 18.0+ iPadOS 18.0+ macOS 15.0+ watchOS 11.0+ tvOS 18.0+ visionOS 2.0+

Tags

Found an issue or have a suggestion?

All variants

Every available Apple Watch screenshot for Custom Value Label Picker.

1 views