Ajouter un bouton de la bibliothèque

Le bouton init est déclaré comme suit. L'action de paramètre est transmise au programme à exécuter lorsque le bouton est cliqué, et l'étiquette de paramètre est transmise au contenu affiché par le bouton.

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

Lorsque le bouton est cliqué, le programme que nous avons passé est exécuté (fermeture) et le suivi est imprimé.

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

Nous pouvons personnaliser le contenu du bouton librement, non seulement afficher du texte, par exemple, l'exemple suivant montre un HStack contenant des images et du texte.

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

      

Laissez le contenu de Button & NavigationLink conserver la couleur d'origine de PlainButtonStyle & renderingMode

Bouton rond

SwiftUI cornerRadius & clipShape pour arrondir la vue

Le paramètre action est passé dans le nom de la fonction

Le paramètre action de Button est de type fonction, ce qui signifie que nous voulons passer dans un programme à exécuter. Par conséquent, nous pouvons passer la fermeture représentée par {} ou le nom de la fonction.

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