SwiftUI 代码速查之 06 设置SwiftUI backgroundColor的方法与foregroundColor相同

设置SwiftUI backgroundColor的方法与foregroundColor相同

SwiftUI有一个称为的修饰符很有用，.background()这样您就可以在当前视图后面添加任何类型的视图。不仅限于颜色，您的背景可以是图像，也可以是更复杂的形状。但是，当我使用.foregroundColor()修饰符时，我会利用这样的事实，即Color通过提供像这样的参数来期望a .blue。您不能这样做，.background()因为背景可以是任何类型的视图。

extension View {
  func backgroundColor(_ color: Color) -> some View {
    return self.background(color)
  }
}

struct ContentView: View {
  var body: some View {
    Rectangle()
      .backgroundColor(.blue)
  }
}

此扩展名使向视图添加背景色变得更加容易。
我发现自己经常将颜色添加为背景，因此这对我很有用。如果您想使用更复杂的视图作为背景，建议您使用ZStack。在允许多层而不是主视图和背景方面，这为您提供了更大的灵活性。该.overlay()改性剂也有类似的目的，使您能够在您现有鉴于前面添加一个视图的能力。
我对这个修饰符的建议是相同的，因为我认为aZStack在我能想到的几乎任何情况下都更加灵活。

---

加入我们一起学习SwiftUI

QQ:3365059189
SwiftUI技术交流QQ群:518696470
教程网站：www.openswiftui.com