在SwiftUI中,可以使用Picker和TextField结合的方式实现下拉选择填充TextField的效果。具体步骤如下:
struct Option: Identifiable {
let id = UUID()
let value: String
}
let options = [
Option(value: "选项1"),
Option(value: "选项2"),
Option(value: "选项3")
]
@State private var selectedOption: Option?
var body: some View {
VStack {
Picker("选择选项", selection: $selectedOption) {
ForEach(options) { option in
Text(option.value).tag(option)
}
}
.pickerStyle(MenuPickerStyle()) // 使用下拉方式展示选项
TextField("填写内容", text: $selectedOption?.value ?? "")
.textFieldStyle(RoundedBorderTextFieldStyle())
}
}
在上述代码中,通过Picker创建了一个下拉菜单,其中选项是根据options数据源生成的。selectedOption绑定了选中的选项,通过TextField展示选中选项的值。
这种方式可以在SwiftUI中实现下拉方式填充TextField的效果。
领取专属 10元无门槛券
手把手带您无忧上云