SwiftUI Checklist状态持久化问题：@AppStorage使用遇类型转换错误

我开发了一个可切换勾选状态的Checklist，但切换视图后状态会重置。尝试用@AppStorage保存状态时遇到以下问题：

• 将ChecklistItem的@Binding var isChecked: Bool改为@AppStorage("isChecked") var isChecked: Bool = false后，ChecklistSection中报错：Cannot convert value of type 'Binding<Bool>' to expected argument type 'Bool'，无法完成值的转换。
• 将ChecklistSection的@Binding var items: [(String, Bool)]改为@AppStorage("Items") var items: [(String, Bool)]时，报错：No exact matches in call to initializer。

试过.wrappedValue和.constant(false)等方法无效，查阅苹果文档也未解决。相关代码如下：

import SwiftUI

struct ChecklistItem: View {
    
    let text: String
   
    @Binding var isChecked: Bool
    //@AppStorage("isChecked") var isChecked: Bool = false
    
    var body: some View {
        HStack {
            Text(text)
            Spacer()
            Toggle(isOn: $isChecked, label: {
                Image(systemName: isChecked ? "checkmark.circle" : "circlebadge")
            })
            .toggleStyle(.button)
            .labelStyle(.iconOnly)
            .tint(isChecked ? .green : .red)
            .background(isChecked ? Color.green : Color.red)
        }
    }
}

struct ChecklistSection: View {
    let title: String
    @Binding var items: [(String, Bool)]
    
    var body: some View {
        Section(header: Text(title)) {
            ForEach(items.indices, id: \.self) { index in
                ChecklistItem(text: items[index].0, isChecked: $items[index].1) // 报错位置
            }
        }
    }
}

struct ChecklistView: View { 
    
    @State private var initialItems: [(String, Bool)] = [
        ("Scene Safety", false),
        ("Mechanism of Injury", false),
        ("Number of Patients recognised?", false),
        ("Additional Resources requested?", false),
        ("Catastrophic Haem/C-Spine", false)
    ]
    // 更多类似items
    
    var body: some View {
        ScrollView {
            VStack {
                ChecklistSection(title: "Initial", items: $initialItems)
                // 其他ChecklistSection块
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ChecklistView()
    }
}

问题1：@AppStorage与@Binding的冲突 #

@AppStorage是直接绑定到UserDefaults的属性包装器，而原代码中ChecklistItem通过@Binding接收父视图的状态。直接替换后，父视图传递的$items[index].1是Binding<Bool>类型，与子视图要求的Bool类型不匹配，导致报错。

正确思路是在数据源层面统一用@AppStorage保存状态，子视图依然通过@Binding接收状态，保持视图间的数据流同步。

问题2：@AppStorage不支持元组数组存储 #

@AppStorage默认仅支持RawRepresentable类型（如String、Int、Bool等），元组(String, Bool)不符合存储要求，因此直接存储数组会报错。

解决方法是将元组替换为实现Codable协议的自定义结构体，@AppStorage可通过Codable序列化存储自定义类型。

import SwiftUI

// 替换元组的可序列化结构体
struct ChecklistItemModel: Codable, Identifiable {
    let id = UUID()
    let text: String
    var isChecked: Bool
}

struct ChecklistItem: View {
    let text: String
    @Binding var isChecked: Bool
    
    var body: some View {
        HStack {
            Text(text)
            Spacer()
            Toggle(isOn: $isChecked) {
                Image(systemName: isChecked ? "checkmark.circle" : "circle")
            }
            .toggleStyle(.button)
            .labelStyle(.iconOnly)
            .tint(isChecked ? .green : .red)
            .background(isChecked ? Color.green.opacity(0.2) : Color.red.opacity(0.2))
            .cornerRadius(8)
        }
    }
}

struct ChecklistSection: View {
    let title: String
    @Binding var items: [ChecklistItemModel]
    
    var body: some View {
        Section(header: Text(title).font(.headline)) {
            // 利用Identifiable遍历，比indices更安全
            ForEach($items) { $item in
                ChecklistItem(text: item.text, isChecked: $item.isChecked)
            }
        }
    }
}

struct ChecklistView: View {
    // 用@AppStorage存储Codable数组，自动持久化
    @AppStorage("initialItems") private var initialItems: [ChecklistItemModel] = [
        ChecklistItemModel(text: "Scene Safety", isChecked: false),
        ChecklistItemModel(text: "Mechanism of Injury", isChecked: false),
        ChecklistItemModel(text: "Number of Patients recognised?", isChecked: false),
        ChecklistItemModel(text: "Additional Resources requested?", isChecked: false),
        ChecklistItemModel(text: "Catastrophic Haem/C-Spine", isChecked: false)
    ]
    
    // 其他章节的数组同理
    // @AppStorage("secondaryItems") private var secondaryItems: [ChecklistItemModel] = []
    
    var body: some View {
        ScrollView {
            VStack(spacing: 16) {
                ChecklistSection(title: "Initial", items: $initialItems)
                // ChecklistSection(title: "Secondary", items: $secondaryItems)
            }
            .padding()
        }
        .navigationTitle("Checklist")
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        NavigationStack {
            ChecklistView()
        }
    }
}

• 自定义ChecklistItemModel结构体实现Codable和Identifiable，既满足@AppStorage的存储要求，也让ForEach遍历更安全。
• 子视图ChecklistItem保留@Binding，确保子视图的状态修改能同步回父视图的@AppStorage数组，实现持久化。
• @AppStorage直接作用于父视图的数据源数组，切换视图后状态不会丢失。

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