Agregar botón de la biblioteca

El inicio del botón se declara de la siguiente manera. La acción del parámetro se pasa al programa para que se ejecute cuando se hace clic en el botón, y la etiqueta del parámetro se pasa al contenido que muestra el botón.

init(action: @escaping () -> Void, @ViewBuilder label: () -> Label)

Cuando se hace clic en el botón, se ejecuta el programa que pasamos (cierre) y se imprime el seguimiento.

struct ContentView: View {
    
    var body: some View {
        
        Button(action: {
            print("follow")
        }) {
            Text("follow")
                .font(.system(size: 30))
                .background(Color.yellow)
                .foregroundColor(.red)
        }
    }
}

      

struct ContentView: View {
var body: some View {
  Button("follow") {
         print("follow")
      }
.font(.system(size: 30))
.background(Color.yellow)
.foregroundColor(.red)
}
}

init<S>(_ title: S, action: @escaping () -> Void) where S : StringProtocol

Podemos personalizar libremente el contenido del botón, no solo mostrar texto, por ejemplo, el siguiente ejemplo muestra un HStack que contiene imágenes y texto.

struct ContentView: View {
var body: some View {
  Button(action: {
         print("search")
      }) {
         HStack {
   Image(systemName: "magnifyingglass")
            Text("search")
            Image(systemName: "magnifyingglass")
         }
         .foregroundColor(.red)
         .background(Color.yellow)
      }
}
}

      

Deje que el contenido de Button & NavigationLink mantenga el color original PlainButtonStyle & renderingMode

Botón redondo

SwiftUI cornerRadius & clipShape para redondear la vista

El parámetro de acción se pasa al nombre de la función.

La acción del parámetro de Button es de tipo función, lo que significa que queremos pasar un programa para que se ejecute. Por lo tanto, podemos pasar el cierre representado por {} o el nombre de la función.

init(action: @escaping () -> Void, @ViewBuilder label: () -> Label)

struct ContentView: View {
    
    func printFollow() {
        print("follow")
    }
    
    var body: some View {
        
        Button(action: printFollow) {
            Text("follow")
                .font(.system(size: 30))
                .background(Color.yellow)
                .foregroundColor(.red)
        }
    }
}