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

Question

我正在开发一个UI组件，该组件具有白色背景，很难从SwiftUI预览画布中看到。

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

Answer 1

我设法通过将ZStack和Rectangle视图一起使用来解决此问题。

    static var previews: some View {
        ZStack {
            Rectangle()
                .foregroundColor(.black)
            SampleUI()
        }
    }

Answer 2

您实际上不需要带有ZStack的矩形：

static var previews: some View {
    ZStack {
        Color(.black)
        SampleUI()
    }
}

如果要在iPhone X或更高版本的iPhone上预览，请按照以下步骤在安全区域上进行彩色显示：

static var previews: some View {
    ZStack {
        Color(.black).edgesIgnoringSafeArea(.all)
        SampleUI()
    }
}