iOS16中SwiftUI Picker取消默认选中值的技术咨询

iOS16对Picker的默认显示逻辑做了调整：当绑定的selection为可选类型且值为nil时，会自动显示第一个选项的文本作为默认值，而iOS15中此状态下右侧会保持空白。要统一两个版本的显示效果，可通过自定义Picker的Label来手动控制右侧文本的显示：

解决方案代码 #

struct ContentView: View {
    @State private var selection: String?
    let strengths = ["Mild", "Medium", "Mature"]
    
    var body: some View {
        NavigationView {
            List {
                Section {
                    Picker(selection: $selection) {
                        ForEach(strengths, id: \.self) {
                            Text($0).tag(Optional($0))
                        }
                    } label: {
                        HStack {
                            Text("Strength")
                            Spacer()
                            // 仅在selection非nil时显示右侧文本
                            if let selection {
                                Text(selection)
                                    .foregroundColor(.secondary)
                            }
                        }
                    }
                }
            }
        }
    }
}

原理说明 #

通过自定义Picker的Label布局，将标题与右侧显示文本分离，仅当selection有值时才渲染右侧的选中文本，nil状态下右侧保持空白，完全规避系统版本差异带来的默认行为变化。

内容的提问来源于stack exchange，提问作者GorCat