SwiftUI：选择器不可点击

Question

I have inserted a Picker inside a Form and wrapped it with a NavigationView . However, the Picker won't display the options. It seems like it clicks (it gets highlighted when I press on it, though in a funky way). I tried using the same code on a separate View and it worked. For context, this View is a sheet. I tried switching it to a normal View but it still doesn't work.

@State private var selectedSupplier = 1
var suppliers = ["ABB", "Schneider", "Kahane"]

var body: some View {
    VStack {
        NavigationView {
            Form {
                HStack {
                    Text("פריט אינו קיים במלאי")
                }
                
                // section
                // item details
                Section(header: Text("הקלד פרטים")) {
                    HStack {
                        Text("חברה")
                        Spacer()
                        TextField("חברה", text: $brand)
                            .fixedSize()
                    }
                    
                    HStack {
                        Text("סוג פריט")
                        Spacer()
                        TextField("סוג פריט", text: $type)
                            .fixedSize()
                    }
                    
                    HStack {
                        Text("כינוי")
                        Spacer()
                        TextField("כינוי", text: $nickname)
                            .fixedSize()
                    }
                    
                    HStack {
                        Picker(selection: $selectedSupplier, label: Text("ספק")) {
                            //                                ForEach(0 ..<suppliers.count) { index in
                            //                                    Text(self.suppliers[index]).tag(index)
                            //                                }
                            Text("ABB").tag(0)
                            Text("Schneider").tag(1)
                            Text("Kahane").tag(2)
                        }
                    }
                    
                    HStack {
                        Text("ספק")
                        Spacer()
                        TextField("ספק", text: $supplier)
                            .fixedSize()
                    }
                    
                    HStack {
                        // !! should create a dropdown menu
                        Text("כמות במלאי")
                        Spacer()
                        TextField("כמות במלאי", text: $stock)
                            .keyboardType(.decimalPad)
                            .fixedSize()
                    }
                    
                    HStack {
                        // !! should create a dropdown menu
                        Text("כמות מומלצת")
                        Spacer()
                        TextField("כמות מומלצת", text: $recQuantity)
                            .keyboardType(.decimalPad)
                            .fixedSize()
                    }
                }

                Section {
                    Picker("Choose a number", selection: $selectedSupplier) {
                        ForEach(0 ..< suppliers.count, id: \.self) { index in
                                            Text(suppliers[index])
                                        }
                                    }
                }
                // section
                // button section
                Section {
                    Button(action: {
                        
                        // Call add data
                        model.addData(id: model.barcodeValue, brand: brand, type: type, stock: Int(stock) ?? 0, nickname: nickname, supplier: supplier, recQuantity: Int(recQuantity) ?? 0)
                        
                        // Clear the text fields
                        brand = ""
                        type = ""
                        stock = ""
                        nickname = ""
                        supplier = ""
                        recQuantity = ""
                        
                        // close down window - return to Scanner View
                        showReg.toggle()
                        
                        
                    }, label: {
                        HStack {
                            Spacer()
                            Text("הוסיף")
                            Spacer()
                        }
                    })
                        .buttonStyle(PlainButtonStyle())
                        .foregroundColor(Color(UIColor.systemBlue))
                    // if any of the three entries (except nickname) is empty, disable button
                        .disabled(type.isEmpty || brand.isEmpty || stock.isEmpty)
                }
            }
            .navigationBarTitle("הוספת פריט למלאי")
            // hide the keyboard if user clicks outside the form
            .onTapGesture {
                hideKeyboard()
            }
            .environment(\.layoutDirection, .rightToLeft)
            }
        }
    }
}

Answer 1

I had a similar issue where my picker suddenly decided to stop working. I was at a loss, until I realized that it was the.onTapGesture that I added to resign the keyboard.

VStack {
    ...
    Picker() {
        ...
    }
    
    HStack {
        Text()
        TextField()
    }
    //Placing the .onTapGesture here doesn't interfere with the Picker, but it doesn't get the functionality you'd like, either
}
//The code below interferes with the ability to tap on the Picker
.onTapGesture {
_ in UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
}