SwiftUI使用.tabViewStyle(PageTabViewStyle())时画布预览崩溃怎么办

• TabView的selection绑定缺少对应tag匹配：你使用$currentImage（String类型）作为TabView的选中状态绑定，但ForEach生成的每个Tab子项没有添加.tag()修饰符和绑定值的类型对应，TabView无法完成状态匹配，触发渲染异常。
• 初始状态异常：posts数组初始为空，且currentImage初始值为空字符串，没有对应Tab子项匹配该选中值，会导致TabView渲染出错。
• 资源缺失：如果项目资源库中没有命名为1~10的图片文件，无效的Image资源加载也可能触发预览崩溃。

1. 给每个Tab子项添加tag修饰符，和selection的类型保持匹配：
   在ForEach内部的.edgesIgnoringSafeArea(.all)下方新增.tag(post.image)即可。
2. 设置合理的初始选中值：
   在onAppear中完成posts数组赋值后，给currentImage赋值为数组第一个元素的image值，保证初始状态有对应匹配的Tab项。
3. 验证资源有效性：
   如果暂时没有对应命名的图片，可以先将Image(post.image)替换为Image(systemName: "photo")测试TabView是否能正常渲染，确认是逻辑问题还是资源问题。
4. 检查系统版本兼容性：
   PageTabViewStyle仅支持iOS 14.0及以上版本，需要确认项目的最低部署版本符合要求。

修改后的完整参考代码：

struct Home: View {
    
    /* Posts */
    @State var posts: [Post] = []
    
    /* Current Image */
    @State var currentImage = ""
    
    var body: some View {
        
        /* Gallery */
        TabView(selection: $currentImage) {
            ForEach(posts) { post in
                GeometryReader { geo in
                    let size = geo.size
                    Image(post.image)
                        .resizable()
                        .aspectRatio(contentMode: .fill)
                        .frame(width: size.width, height: size.height)
                }
                .edgesIgnoringSafeArea(.all)
                .tag(post.image)
            }
        }
        .tabViewStyle(PageTabViewStyle())
        .onAppear {
            for index in 1...10 {
                posts.append(Post(image: "\(index)"))
            }
            currentImage = posts.first?.image ?? ""
        }
    }
}

struct Post: Identifiable, Hashable {
    var id = UUID().uuidString
    var image: String
}

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