PickerView已禁用,在SwiftUI中不起作用

问题描述

我不明白为什么选择器视图不起作用。我使用了这段代码:

导入SwiftUI

struct NewChecklistItemView: View {

    var colors = ["Red","Green","Blue","Tartan"]
    @State private var selectedColor = 0


  var checklist: Checklist
  @State var newItemName: String = ""
  @Environment(\.presentationMode) var presentationMode

  var body: some View {
    VStack {
      Text("Add new item")
      Form {
        TextField("Enter new item name here",text: $newItemName)
        Picker(selection: $selectedColor,label: Text("Please choose a color")) {
           ForEach(0 ..< colors.count) { 
              Text(self.colors[$0])
           }
        }
        Text("You selected: \(colors[selectedColor])")

        Button(action: {
        //let newChecklistItem = Category(title: "Category",items: [ChecklistItem(name: self.newItemName)])
            let newItem = ChecklistItem(name: self.newItemName)

            self.checklist.items[0].items.append(newItem)
          self.checklist.printChecklistContents()
          self.presentationMode.wrappedValue.dismiss()
        }) {
          HStack {
            Image(systemName: "plus.circle.fill")
            Text("Add new item")
          }
        }
        .disabled(newItemName.count == 0)

      }
      Text("Swipe down to cancel.")
    }
  }
}

struct NewChecklistItemView_Previews: PreviewProvider {
  static var previews: some View {
    NewChecklistItemView(checklist: Checklist())
  }
}

PickerView为灰色且已禁用。所以我无法挑选价值。可能是什么问题呢?我试图移动pickerView,但这没有帮助。

解决方法

要使PickerForm中工作,您必须将其嵌入NavigationView中,例如

NavigationView {
  Text("Add new item")
  Form {
    TextField("Enter new item name here",text: $newItemName)
    Picker(selection: $selectedColor,label: Text("Please choose a color")) {

(当然,这可能需要重新设计/重新布局)...或使用其他样式选择器样式。

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...