在 Select 器上显示alert Select SwiftUI

发布于07月15日

我想在用户在表单选取器中 Select 某个内容时显示一个alert 框，然后用户必须在值更改之前确认其 Select .

            NavigationView {
            Form {
                Section {
                    Picker("Strength", selection: $selectedStrength) {
                        ForEach(strengths, id: \.self) {
                            Text($0)
                        
                            
                        }
                    }
                }
            }
        }

我try 过使用onChange()，但理想情况下，判断应该在值更改之前进行.

推荐答案

如果您想在 Select 更改之前要求用户确认，则需要使用第二个var实现自定义绑定.这样，您就可以在必要时取消 Select .

struct Test: View{
    @State private var selectedStrength: String = ""
    @State private var askForStrength: String = ""
    @State private var ask: Bool = false
    let strengths = ["1","2","3"]
    var body: some View{
        NavigationView {
            Form {
                Section {
                    Picker("Strength", selection: Binding(get: {selectedStrength}, set: {
                        //assign the selection to the temp var
                        askForStrength = $0
                        // show the Alert
                        ask = true
                    })) {
                        ForEach(strengths, id: \.self) {
                            Text($0)
                        }
                    }
                }
            }
        }.alert(isPresented: $ask) {
            // Here ask the user if selection is correct and apply the temp var to the selection
            Alert(title: Text("select?"), message: Text("Do you want to select \(askForStrength)"), primaryButton: .default(Text("select"), action: {selectedStrength = askForStrength}), secondaryButton: .cancel())
        }
    }
}