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

Question

有没有人有同样的问题，当在黑暗模式下预览时，Xcode (11.4)不显示黑色背景？

重现步骤：

1)创建一个新项目，一个Single View App

2)在预览中添加.environment-modifier：

Group {
    ContentView()
        .environment(\.colorScheme, .light)
    ContentView()
        .environment(\.colorScheme, .dark)
}

您会得到以下结果：

​

​

Answer 1

试试这个：

@available(iOS 13.0, *)
public struct DarkView<Content> : View where Content : View {
    var darkContent: Content
    var on: Bool
    public init(_ on: Bool, @ViewBuilder content: () -> Content) {
        self.darkContent = content()
        self.on = on
    }

    public var body: some View {
        ZStack {
            if on {
                Spacer()
                    .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
                    .background(Color.black)
                    .edgesIgnoringSafeArea(.all)
                darkContent.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity).background(Color.black).colorScheme(.dark)
            } else {
                darkContent
            }
        }
    }
}

@available(iOS 13.0, *)
extension View {
    @available(iOS 13.0, *)
    public func darkModeFix(_ on: Bool = true) -> DarkView<Self> {
        DarkView(on) {
            self
        }
    }
}

然后

yourView()
.environment(\.colorScheme, .dark)
                    .darkModeFix()

Answer 2

不建议在环境中设置\.colorScheme，因此请改用.preferedColorScheme修饰符。例如,

ContentView()
    .preferredColorScheme(.dark)

Answer 3

正如m-reza-f在similar question中提到的，这是Xcode中的一个错误(在此答案发布时，Xcode仍处于活动状态)。

我要补充的是，您可以简单地将previews代码包装在PreviewProvider中的NavigationView中，而不是将实际的previews代码包装在NavigationView中，以获得相同的结果：

struct ContentView_Previews: PreviewProvider {
     Group {
          NavigationView {
               ContentView()
                    .environment(\.colorScheme, .light)
          }

          NavigationView {
               ContentView()
                    .environment(\.colorScheme, .light)
          }
     }
}