创建一个 SwiftUI Picker视图,用户可以从中选择一个选项

14 min read

以下是一个简单的 SwiftUI Picker 视图示例,你可以根据需求自定义选项。

struct ContentView: View {
    @State private var selectedOption = 0
    let options = ["Option 1", "Option 2", "Option 3"]
    
    var body: some View {
        VStack {
            Text("Selected option: \(options[selectedOption])")
            
            Picker(selection: $selectedOption, label: Text("Options")) {
                ForEach(0 ..< options.count) { index in
                    Text(self.options[index]).tag(index)
                }
            }
            .pickerStyle(SegmentedPickerStyle())
        }
    }
}

在这个示例中,我们创建了一个包含 3 个选项的数组。然后,我们使用 Picker 视图创建一个可以从中选择这些选项的用户界面。选项呈现为分段选择器样式,并且使用 $selectedOption 属性绑定选择的选项。在 Picker 内部,我们使用 ForEach 循环创建选项的文本,并为每个选项分配一个索引标签。

注意:在 Picker 上使用 pickerStyle() 函数可以自定义选择器的样式。在这个示例中,我们使用 SegmentedPickerStyle() 样式设置分段选择器样式。你还可以使用其他样式,如 WheelPickerStyle()MenuPickerStyle()