SwiftUI预览中的暗模式在Xcode11.4中没有黑色背景

SwiftUI 是苹果推出的一个现代 UI 框架，它允许开发者使用声明式语法来构建用户界面。SwiftUI 的预览功能允许开发者在 Xcode 中实时查看 UI 的效果，包括暗模式下的样式。

基础概念

暗模式是一种用户界面设计，它在较暗的背景色上使用较亮的文字和元素，以减少屏幕亮度，从而减少眼睛疲劳，并且在低光环境下提供更好的可视性。SwiftUI 提供了对暗模式的内置支持，可以通过 @Environment 属性包装器来访问当前的颜色方案。

相关优势

• 减少眼睛疲劳：暗模式在低光环境下对眼睛更为友好。
• 电池寿命优化：对于 OLED 屏幕，暗模式可以减少屏幕亮度，从而节省电池。
• 更好的视觉对比度：暗背景上的亮文字提供了更高的对比度，有助于提高可读性。

类型

• 系统级暗模式：根据用户的系统设置自动切换。
• 应用内暗模式：应用可以提供自己的暗模式设置，独立于系统设置。

应用场景

• 阅读类应用：如电子书、新闻应用等。
• 社交媒体应用：提供夜间模式以减少对眼睛的压力。
• 编辑器类应用：如代码编辑器，提供高对比度的编辑环境。

问题原因及解决方法

在 Xcode 11.4 中，SwiftUI 的预览功能可能没有正确显示暗模式的黑色背景，这可能是因为 Xcode 11.4 发布时 SwiftUI 还处于较早期版本，对暗模式的支持可能不完善。

解决方法：

1. 升级 Xcode：确保你使用的是最新版本的 Xcode，因为苹果在后续版本中对 SwiftUI 和暗模式的支持进行了改进。
2. 手动设置颜色方案：在 SwiftUI 预览中，你可以手动指定颜色方案来查看暗模式的效果。

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewDevice(PreviewDevice(rawValue: "iPhone 11"))
            .previewInterfaceOrientation(.portrait)
            .colorScheme(.dark) // 手动设置颜色方案为暗模式
    }
}

1. 检查系统设置：确保你的 Mac 系统设置中的显示选项已经启用了深色模式。
2. 使用 @Environment 属性包装器：在你的 SwiftUI 视图中使用 @Environment(\.colorScheme) 来根据当前的颜色方案动态改变 UI。

struct ContentView: View {
    @Environment(\.colorScheme) var colorScheme

    var body: some View {
        VStack {
            Text("Hello, World!")
                .foregroundColor(colorScheme == .dark ? .white : .black)
                .padding()
        }
        .background(colorScheme == .dark ? Color.black : Color.white)
    }
}

通过上述方法，你应该能够在 Xcode 中正确预览 SwiftUI 的暗模式效果。如果问题仍然存在，建议检查 Xcode 的更新或者查看苹果开发者文档获取最新的支持信息。