在 SwiftUI 中刷新 RandomElement()

如何解决在 SwiftUI 中刷新 RandomElement()

我有一个要使用按钮刷新的颜色列表。这就是我现在所拥有的。

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)
                }
            }
            
        }
    }
}

在几乎所有正常情况下，我不建议使用 ! 强制解包，但在这种情况下，您可以保证您始终会返回一个元素，因此看起来很合理。