问题描述
var body: some View {
let happy = ["red","blue","purple","green"]
let randomHappy = happy.randomElement()!
ZStack {
Rectangle()
.foregroundColor(/*@START_MENU_TOKEN@*/.blue/*@END_MENU_TOKEN@*/)
.ignoresSafeArea()
vstack{
Text(randomHappy)
Button(action: /*@START_MENU_TOKEN@*/{}/*@END_MENU_TOKEN@*/,label: {
Text("Button")
.foregroundColor(.black)
})
}
}
}
}
我考虑过刷新整个页面,但我认为仅仅刷新随机元素的结果可能太过分了。有没有人知道如何解决这个问题?
解决方法
您可以使用 @State
来存储数组中的随机元素。
struct ContentView: View {
static let happy = ["red","blue","purple","green"]
@State var randomHappy = Self.happy.randomElement()!
var body: some View {
ZStack {
Rectangle()
.foregroundColor(.blue)
.ignoresSafeArea()
VStack{
Text(randomHappy)
Button(action: {
randomHappy = Self.happy.randomElement()!
}) {
Text("Button")
.foregroundColor(.black)
}
}
}
}
}
在几乎所有正常情况下,我不建议使用 !
强制解包,但在这种情况下,您可以保证您始终会返回一个元素,因此看起来很合理。