以下是一个简单的 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()
。