[57] .buttonStyle / .controlSize / .buttonBorderShape

⭐️.buttonStyle / .controlSize / .buttonBorderShape⭐️

 

버튼의 스타일, 사이즈, 경계선의 모양을 변경할 수 있는 모디파이어들이다.
사실 애초에 버튼은 커스텀 하기가 너무 편했기 때문에 그렇게 유용한 지는 잘 모르겠다. 🤔

//  Created by Toughie on 2023/05/12.
//

import SwiftUI

struct ButtonStylesPrac: View {
    var body: some View {
        VStack {
            
            Button("plain") {
                
            }
            .frame(height: 55)
            .frame(maxWidth: .infinity)
            //레이블의 사이즈에 따라 조절됨
            //프레임 크기랑 상관없음
            .controlSize(.regular)
            .buttonStyle(.plain)
            
            Button("bordered/large") {
                
            }
            .frame(height: 55)
            .frame(maxWidth: .infinity)
            .controlSize(.large)
            .buttonStyle(.bordered)
            .buttonBorderShape(.capsule)
            
            
            Button("bordered Prominent/small") {
                
            }
            .frame(height: 55)
            .frame(maxWidth: .infinity)
            .controlSize(.small)
            .buttonStyle(.borderedProminent)
            
            Button("borderless") {
                
            }
            .frame(height: 55)
            .frame(maxWidth: .infinity)
            .buttonStyle(.borderless)
        }
        .padding()
    }
}