【问题标题】:PickerView disabled and doesn't work in SwiftUIPickerView 被禁用并且在 SwiftUI 中不起作用
【发布时间】:2020-10-14 11:34:18
【问题描述】:

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

导入 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,但没有帮助。

【问题讨论】:

    标签: ios swift swiftui pickerview


    【解决方案1】:

    要使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")) {
    

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

    【讨论】:

      猜你喜欢
      • 2018-09-04
      • 1970-01-01
      • 2019-12-12
      • 2012-07-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多