라이브러리에서 버튼 추가

Button의 init는 다음과 같이 선언됩니다. 매개 변수 동작은 버튼을 클릭하면 실행될 프로그램으로 전달되고 매개 변수 레이블은 버튼이 표시하는 내용으로 전달됩니다.

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

버튼을 클릭하여 전달한 프로그램을 실행 (종료)하고 다음과 같이 출력합니다.

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

예를 들어, 다음 예제는 그림과 텍스트를 포함하는 HStack을 보여줍니다.

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

      

Button 및 NavigationLink의 콘텐츠가 원래 색상을 유지하도록합니다. PlainButtonStyle 및 renderingMode

둥근 버튼

뷰를 둥글게 만드는 SwiftUI cornerRadius & clipShape

조치 매개 변수가 함수 이름으로 전달됩니다.

Button의 매개 변수 동작은 함수 유형이므로 실행할 프로그램을 전달하려고합니다. 따라서 {} 또는 함수 이름으로 표시되는 클로저를 전달할 수 있습니다.

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