如何为Scene创建预览？DocumentGroup场景预览方案咨询

你遇到的问题是SwiftUI的#Preview宏仅支持View类型，无法直接预览Scene（比如DocumentGroup），导致看不到顶部的文档标题栏。以下两种方法可以解决：

方法1：使用Xcode官方App Preview功能 #

这是最准确的方式，能直接预览完整的App场景，包括DocumentGroup自带的文档栏：

• 点击Xcode顶部菜单栏的 Product > Preview（快捷键：Option + Command + P）
• 选择目标设备后，Xcode会启动App预览，你能看到和真实运行完全一致的界面，包括顶部的文档操作栏。

方法2：手动模拟DocumentGroup的导航栏 #

如果想在代码的#Preview里快速查看布局，可以自己写一个模拟容器，模仿DocumentGroup的顶部栏样式：

// 模拟DocumentGroup的容器View
struct DocumentGroupPreviewWrapper: View {
    @State private var mockDocument = MyDocument()
    
    var body: some View {
        NavigationStack {
            MyContentView(document: $mockDocument)
                .navigationTitle("Untitled") // 模仿默认文档标题
                .toolbar {
                    // 模仿DocumentGroup的默认工具栏按钮
                    ToolbarItem(placement: .primaryAction) {
                        Button("Save") {}
                    }
                    ToolbarItem(placement: .cancellationAction) {
                        Button("Close") {}
                    }
                }
        }
    }
}

// 使用这个容器做预览
#Preview {
    DocumentGroupPreviewWrapper()
}

这种方式能让你在代码预览里看到近似的完整布局，但样式和交互可能和真实DocumentGroup有细微差异，适合快速验证布局搭配。

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