在 SwiftUI 中刷新 RandomElement()

Question

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

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

我考虑过刷新整个页面，但我认为仅仅刷新一个随机元素的结果可能太过分了。有人知道如何解决这个问题吗？

Answer 1

您可以使用 @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)
                }
            }
            
        }
    }
}

在几乎所有正常情况下，我都不建议使用 ! 强制解包，但在这种情况下，你可以保证你总是能取回一个元素，所以这似乎是合理的。

在 SwiftUI 中刷新 RandomElement()

refreshing RandomElement() in SwiftUI

xcode

swiftui

xcode12