SwiftUI 配置background 背景颜色

5 min read

在SwiftUI中，可以为视图设置背景色有多种方法，以下是一些常用方法：

  1. 使用 .background 修饰符并传递 Color 的实例：
Text("Hello, World!")
    .background(Color.blue)
  1. 直接在视图上调用 .background 方法并传递 Color 的实例：
Color.red
    .background(Color.blue)
  1. 使用 ZStack 将一个颜色视图层叠于其他视图之上：
ZStack {
    Color.yellow
    Text("Hello, World!")
}

其中 ZStack 中最后添加的子视图将层叠在最上面，并覆盖之前添加的视图。

  1. 在 View 协议的扩展中添加一个 background 方法，以使用更简洁的语法设置背景颜色：
extension View {
    func background(_ color: Color) -> some View {
        self.background(color)
    }
}

Text("Hello, World!")
    .background(.green)

以上四种方法都可以用于在SwiftUI中配置背景颜色。