ios - 如何将RadioButtons放入表单？

Question

我跟随link创建RadioButtons。

import SwiftUI


//MARK:- Single Radio Button Field
struct RadioButtonField: View {
    let id: String
    let label: String
    let size: CGFloat
    let color: Color
    let textSize: CGFloat
    let isMarked:Bool
    let callback: (String)->()

    init(
        id: String,
        label:String,
        size: CGFloat = 20,
        color: Color = Color.black,
        textSize: CGFloat = 14,
        isMarked: Bool = false,
        callback: @escaping (String)->()
        ) {
        self.id = id
        self.label = label
        self.size = size
        self.color = color
        self.textSize = textSize
        self.isMarked = isMarked
        self.callback = callback
    }

    var body: some View {
        Button(action:{
            self.callback(self.id)
        }) {
            HStack(alignment: .center, spacing: 10) {
                Image(systemName: self.isMarked ? "largecircle.fill.circle" : "circle")
                    .renderingMode(.original)
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .frame(width: self.size, height: self.size)
                Text(label)
                    .font(Font.system(size: textSize))
                Spacer()
            }.foregroundColor(self.color)
        }
        .foregroundColor(Color.white)
    }
}

//MARK:- Group of Radio Buttons
enum Gender: String {
    case male = "Male"
    case female = "Female"
}

struct RadioButtonGroups: View {
    let callback: (String) -> ()

    @State var selectedId: String = ""

    var body: some View {
        VStack {
            radioMaleMajority
            radioFemaleMajority
        }
    }

    var radioMaleMajority: some View {
        RadioButtonField(
            id: Gender.male.rawValue,
            label: Gender.male.rawValue,
            isMarked: selectedId == Gender.male.rawValue ? true : false,
            callback: radioGroupCallback
        )
    }

    var radioFemaleMajority: some View {
        RadioButtonField(
            id: Gender.female.rawValue,
            label: Gender.female.rawValue,
            isMarked: selectedId == Gender.female.rawValue ? true : false,
            callback: radioGroupCallback
        )
    }

    func radioGroupCallback(id: String) {
        selectedId = id
        callback(id)
    }
}

struct ContentView: View {
    var body: some View {
        HStack {
            Text("Gender")
                .font(Font.headline)
            RadioButtonGroups { selected in
                print("Selected Gender is: \(selected)")
            }
        }.padding()
    }
}

上面的代码运行良好。但是，当我将 HStack的 RadioButtons放入 Form时， RadioButtons不起作用。在这种情况下，我无法选择 RadioButtons。代码如下:

Form {
    HStack {
        Text("Gender")
            .font(Font.headline)
        RadioButtonGroups { selected in
            print("Selected Gender is: \(selected)")
        }
    }.padding()
}

谢谢你的帮助。

Answer 1

改为将以下正文用于RadioButtonField(已通过Xcode 11.4测试)

var body: some View {
    HStack(alignment: .center, spacing: 10) {
        Image(systemName: self.isMarked ? "largecircle.fill.circle" : "circle")
            .renderingMode(.original)
            .resizable()
            .aspectRatio(contentMode: .fit)
            .frame(width: self.size, height: self.size)
        Text(label)
            .font(Font.system(size: textSize))
        Spacer()
    }.foregroundColor(self.color)
    .onTapGesture {
        self.callback(self.id)
    }
}