swiftui - 我怎样才能在 SwiftUI 中实现类似于 radiogroup 的一种可能选择

Question

如何在 SwiftUI 中使用 View 列表实现类似于一组单选按钮的单一选择？

Answer 1

按下按钮时，您可以存储选择的值。

并且您可以根据选择的按钮设置按钮样式。

下面的代码应该可以满足您的需求。最后按下的按钮将被选中，并且只有被选中的按钮是蓝色的，因为样式是基于属性的。另一个按钮清除选择。

struct ContentView: View {

    let buttons = ["A", "B", "C"]
    @State public var buttonSelected: Int?

    var body: some View {
        VStack(spacing: 20) {
            ForEach(0..<buttons.count) { button in
                Button(action: {
                    self.buttonSelected = button
                }) {
                    Text("Button \(self.buttons[button])")
                        .padding()
                        .foregroundColor(.white)
                        .background(self.buttonSelected == button ? Color.blue : Color.green)
                        .clipShape(Capsule())
                }
            }
            Button(action: {
                self.buttonSelected = nil
            }) {
                Text("Clear Selection")
            }
        }
    }
}