使用@State布尔变量结合UserDefaults无法保存状态的问题

你的按钮颜色切换功能逻辑正常，但当前代码在状态持久化上存在几个问题，而且布尔类型在UserDefaults中完全可以轻松实现持久化，和字符串没有区别。以下是问题分析和修正方案：

现有代码的问题 #

1. 在CLPrepView结构体顶层直接调用UserDefaults.standard.set会编译失败——SwiftUI视图结构体顶层不允许执行带有副作用的代码。
2. @State变量用固定false初始化，没有读取之前保存的状态，导致每次加载视图都会重置状态。
3. 两个布尔变量mycolor和myborder同步切换，存在冗余，容易出现状态不同步的问题。

最优解决方案：使用@AppStorage #

SwiftUI提供的@AppStorage属性包装器可以直接绑定UserDefaults，自动完成状态的读取和持久化，不需要手动调用UserDefaults方法：

import SwiftUI

struct CLPrepView: View {
    // 绑定UserDefaults的键"colorState"，自动处理读取与保存
    @AppStorage("colorState") private var isColorGreen = false

    var body: some View {
        ZStack {
            Color.black.ignoresSafeArea()
            
            Button(action: {
                isColorGreen.toggle()
                // 无需手动调用UserDefaults，@AppStorage会自动同步保存
            }) {
                Text("Button")
            }
            .frame(width: 600, height: 30, alignment: .leading)
            .padding(.all, 20)
            .background(.black)
            .foregroundColor(isColorGreen ? .green : .blue)
            .border(isColorGreen ? .black : .blue)
        }
    }
}

手动处理持久化的方案（如果需要自定义逻辑） #

如果不想使用@AppStorage，可以手动在初始化时读取状态，在状态变更和视图消失时保存：

import SwiftUI

struct CLPrepView: View {
    @State private var mycolor: Bool
    @State private var myborder: Bool

    init() {
        // 初始化时从UserDefaults读取已保存的状态，无记录则用默认值false
        _mycolor = State(initialValue: UserDefaults.standard.bool(forKey: "colorsave"))
        _myborder = State(initialValue: UserDefaults.standard.bool(forKey: "bordersave"))
    }

    var body: some View {
        ZStack {
            Color.black.ignoresSafeArea()
            
            Button(action: {
                mycolor.toggle()
                myborder.toggle()
                saveState()
            }) {
                Text("Button")
            }
            .frame(width: 600, height: 30, alignment: .leading)
            .padding(.all, 20)
            .background(.black)
            .foregroundColor(mycolor ? .green : .blue)
            .border(myborder ? .black : .blue)
        }
        .onDisappear {
            // 视图消失时再次保存，确保状态不丢失
            saveState()
        }
    }

    private func saveState() {
        UserDefaults.standard.set(mycolor, forKey: "colorsave")
        UserDefaults.standard.set(myborder, forKey: "bordersave")
    }
}

关键说明 #

• 布尔类型是UserDefaults原生支持的类型，和字符串、整数等一样可以直接存储，不存在“不如字符串易实现”的问题。
• 如果你确实需要分开控制前景色和边框的状态，只需要给每个状态单独绑定一个@AppStorage变量即可，逻辑和上述示例一致。

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