SwiftUI中如何通过按钮刷新randomElement的随机结果？

• 你将颜色数组、随机取值的逻辑全部写在了body计算属性内部，这部分代码只有在SwiftUI判定视图需要重算、也就是body重新执行时才会运行。
• 当前按钮的action是空实现，没有任何可被追踪的状态变更，点击按钮根本不会触发body重算，随机值会一直停留在视图首次加载时取到的结果，完全达不到点击刷新的效果。
• 你担心的“为更新随机元素触发全页面刷新过于冗余”，本质上是对SwiftUI渲染机制的误解：SwiftUI的视图更新从来不是对整个页面做无差别重绘，它会精准对比受状态变更影响的视图节点，做最小化的UI更新，不存在无意义的冗余开销。

核心逻辑是把需要动态变化的随机颜色值，改成可被SwiftUI追踪的状态属性，按钮点击时仅更新这个状态值，系统就会自动精准更新对应绑定的UI元素，完全不需要手动控制页面刷新。
具体改动步骤：

• 把原本写在body内部的静态颜色数组，移到视图结构体的属性位置，避免每次body重算都重复初始化数组
• 把存储当前随机颜色字符串的变量，标记为@State属性，让SwiftUI可以自动追踪它的数值变化
• 把按钮的空action替换为点击事件：重新从数组中取随机值，赋值给刚才定义的状态属性
• 补充视图首次出现时的初始化逻辑，避免刚进入页面时Text显示空值

调整后的完整代码示例：

struct ContentView: View {
    // 静态颜色数组作为视图的固定属性，不会在视图重算时重复创建
    private let happy = ["red","blue","purple","green"]
    // 用@State标记动态变化的随机值，SwiftUI会自动建立状态和对应视图的绑定关系
    @State private var randomHappy = ""

    var body: some View {
        ZStack {
            Rectangle()
                .foregroundColor(.blue)
                .ignoresSafeArea()
            
            VStack{
                Text(randomHappy)
                Button(action: {
                    // 点击时仅更新状态值，系统会自动联动更新绑定的Text内容
                    randomHappy = happy.randomElement() ?? "red"
                }, label: {
                    Text("Button")
                        .foregroundColor(.black)
                })
            }
        }
        // 视图首次加载时初始化随机值，避免初始状态下显示空白
        .onAppear {
            randomHappy = happy.randomElement() ?? "red"
        }
    }
}

• 整个交互流程中，randomHappy的数值变更，只会触发绑定在这个状态上的Text视图重新计算显示内容，背景Rectangle、按钮组件都不会受到影响，不会产生多余的重绘开销
• 不存在全页面刷新的冗余问题，SwiftUI的视图diff机制是树状遍历的，只会更新和变更状态有直接依赖关系的节点，渲染效率远高于手动控制局部视图刷新的实现
• 这种写法完全贴合SwiftUI的声明式设计逻辑，不需要手动编写任何刷新控制代码，所有UI更新都是状态变化后的自动联动结果，维护成本极低

内容的提问来源于stack exchange，提问作者Code Beast