在 SwiftUI 中禁用 Select 器选项

发布于05月02日

我正在try 禁用wiftUI中的选取器选项. 根据下面的文档，代码应该可以工作:


struct ContentView: View {
    let options = ["All", "Men", "Women", ]
    @State private var selectedOption = "All"

    var body: some View {
        Picker("Options", selection: $selectedOption) {
            ForEach(options, id: \.self) { option in
                Text(option)
                    .disabled(option == "All")
            }
        }
    }

}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

不幸的是，它在我出错的地方不起作用.谁能帮帮忙！？

推荐答案

您不能禁用SwiftUI选取器中的选项.disabled修改器可以应用于整个拾取器.因此，一种方法是，您可以在添加到选取器时过滤选项.

let options = ["All", "Men", "Women"]
    @State private var selectedOption = "Men"

    var body: some View {
        Picker("Options", selection: $selectedOption) {
            ForEach(options, id: \.self) { option in
                if option != "All" {
                    Text(option)

                }
            }
        }
    }

另一种 Select 是，你可以使用100来制作一个定制的Picker，并得到你想要的结果.在这里您可以禁用任何您想要选项，

       let options = ["All", "Men", "Women"]
        @State private var selectedOption = "Men"

        var body: some View {
            Menu {
                ForEach(options, id: \.self) { option in
                    if option == "All" {
                        Button(action: {}) {
                            Text(option)
                                .foregroundColor(.gray)
                        }
                        .disabled(true)
                    } else {
                        Button(action: {
                            selectedOption = option
                        }) {
                            Text(option)
                        }
                    }
                }
            } label: {
                Text(selectedOption)
                    .foregroundColor(.primary)
                    .padding(.horizontal)
            }
            .padding(.horizontal)
        }