Dodaj przycisk z biblioteki

Init przycisku jest zadeklarowany w następujący sposób. Akcja parametru jest przekazywana do programu, który ma zostać wykonany po kliknięciu przycisku, a etykieta parametru jest przekazywana do treści wyświetlanej przez przycisk.

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

Po kliknięciu przycisku program, który przekazaliśmy, jest wykonywany (zamykanie), a następnie drukowany.

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

Możemy dowolnie dostosowywać zawartość przycisku, nie tylko wyświetlać tekst, na przykład poniższy przykład przedstawia HStack zawierający obrazy i tekst.

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)
      }
}
}

      

Pozwól zawartości Button & NavigationLink zachować oryginalny kolor PlainButtonStyle & renderingMode

Okrągły przycisk

SwiftUI cornerRadius & clipShape, aby zaokrąglić widok

Parametr akcji jest przekazywany do nazwy funkcji

Parametrowa akcja przycisku Button jest typu funkcji, co oznacza, że ​​chcemy przekazać program do wykonania. Dlatego możemy przekazać zamknięcie reprezentowane przez {} lub nazwę funkcji.

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)
        }
    }
}