如何设置 SwiftUI 预览画布背景?

Lor*_*lor 5 swiftui

我正在开发一个 UI 组件,它的背面呈白色,很难从 SwiftUI 预览画布上看到。

有没有办法设置预览画布的背景,以便我可以看到具有浅色背景的渲染 UI 组件?

在此输入图像描述

小智 9

实际上你不需要带有 ZStack 的矩形:

static var previews: some View {
    ZStack {
        Color(.black)
        SampleUI()
    }
}
Run Code Online (Sandbox Code Playgroud)

如果您在 iPhone X 或更高版本上预览,请按以下步骤在安全区域上显示颜色:

static var previews: some View {
    ZStack {
        Color(.black).edgesIgnoringSafeArea(.all)
        SampleUI()
    }
}
Run Code Online (Sandbox Code Playgroud)


Lor*_*lor 4

ZStack我设法通过使用带有视图的解决方法来实现它Rectangle

    静态变量预览:一些视图 {
        ZStack {
            长方形()
                .foregroundColor(.black)
            示例UI()
        }
    }