SwiftUI 버튼 생성

버튼 생성

Button(action: {
    // 버튼을 클릭했을 때 실행될 코드
}) {
    Text("버튼")
        .padding()
        .foregroundColor(.white)    // 텍스트 색상 설정
}
.frame(width: 100, height: 100)     // 버튼의 너비와 높이를 원하는 값으로 설정
.background(Color.blue)             // 배경색을 원하는 색으로 변경
.cornerRadius(10)                   // 버튼의 모서리를 둥글게 설정

 

버튼 오른쪽에 붙이기

HStack {
    Spacer() // 오른쪽 공간을 차지하는 Spacer
    Button(action: {
        // 버튼을 클릭했을 때 실행될 코드
    }) {
        Text("버튼")
            .padding()
            .foregroundColor(.white) // 텍스트 색상 설정
    }
    .frame(width: 100, height: 100)  // 버튼의 너비와 높이를 원하는 값으로 설정
    .background(Color.blue) 		 // 배경색을 원하는 색으로 변경
    .cornerRadius(10)				 // 버튼의 모서리를 둥글게 설정
}

 

버튼 두개를 가로로 꽉차게 배치

HStack {
    Button(action: {
        // 첫 번째 버튼을 클릭했을 때 실행될 코드
    }) {
        Text("버튼")
            .padding()
            .foregroundColor(.white)
    }
    .frame(maxWidth: .infinity) // 버튼의 최대 너비를 꽉 채우도록 설정
    .background(Color.blue)
    .cornerRadius(10)

    Button(action: {
        // 두 번째 버튼을 클릭했을 때 실행될 코드
    }) {
        Text("버튼")
            .padding()
            .foregroundColor(.white)
    }
    .frame(maxWidth: .infinity) // 버튼의 최대 너비를 꽉 채우도록 설정
    .background(Color.blue)
    .cornerRadius(10)
}