SwiftUI #13: Materiales

Aunque se puede cambiar la opacidad de un Color par hacerlo traslúcido, SwiftUI ofrece efectos de difuminado ("blur") y "transparencia" por medio de Material.

Material aplica un efecto de difuminado al fondo de una vista que parece el efecto de un vidrio. Estos son sus valores:

• ultraThin
• thin
• regular
• thick
• ultrathick
• bar

En caso de necesitarse, se debe aplicar con el modificador background(_:in:fillStyle:).

El material también puede aplicarse como estilo de primer plano de una vista con foregroundStyle(_:):

struct ContentView: View {
  var body: some View {
    ZStack {
      Color.teal
      VStack {
        Label("Flag", systemImage: "flag.fill")
          .padding()
          .background(.regularMaterial, in: RoundedRectangle(cornerRadius: 8))
        Label("Flag", systemImage: "flag.fill")
            .padding()
            .background(
                RoundedRectangle(cornerRadius: 8)
                    .fill(.regularMaterial)
            )
            .foregroundStyle(.ultraThickMaterial)
      }
    }
  }
}