SwiftUI，如何更改具有多个按钮和一个布尔条件的一个按钮标签

发布于08月12日

我的问题是，我不想为这些代码声明多个Bool变量，我想更改确切的按钮按下标签，而不是全部

==同步，由Elderman更正==@elder_man

var body: some View {
    HStack {
        Text("Size")
            .fontWeight(.bold)
        Spacer()
        Button {
            self.buttonClicked.toggle()
        } label: {
            Text("US")
                .foregroundColor(buttonClicked ? .black : .gray.opacity(0.5))
                .fontWeight(.bold)
        }
        Button {
            self.buttonClicked.toggle()
        } label: {
            Text("UK")
                .foregroundColor(buttonClicked ? .black : .gray.opacity(0.5))
                .fontWeight(.bold)
        }
        Button {
            buttonClicked.toggle()
        } label: {
            Text("EU")
                .foregroundColor(buttonClicked ? .black : .gray.opacity(0.5))
                .fontWeight(.bold)
        }
    }
}

}

推荐答案

如果您可以将选项设置为可重用的内容(如数组)，则可以消除重复的代码.

import SwiftUI

struct MultiButtonView: View {
    @State var buttonClicked : String = ""
    let options = ["US", "UK", "EU"]
    var body: some View {
        HStack {
            Text("Size")
                .fontWeight(.bold)
            Spacer()
            ForEach(options, id:\.description) { option in
                Button {
                    self.buttonClicked = option
                } label: {
                    Text(option)
                        .foregroundColor(buttonClicked == option ? .black : .gray.opacity(0.5))
                        .fontWeight(.bold)
                }
            }
        }
    }
}