SwiftUI/SwiftUI 사용

[SwiftUI] Button style

hyunjuntyler 2023. 4. 20. 13:54

버튼에도 스타일을 적용할 수 있다. 애플에서 Button에 제공해주는 기본 스타일이다. 기본앱에서 많이 본 것 같다.

BorderedProminent 스타일 코드를 적용하려면 아래와 같다. 여기서 corner radius 등 다양한 옵션도 추가할 수 있다! BorderedProminent, Bordered의 경우는 padding이 자동으로 어느정도 추가된다.

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
                Text("BorderedProminent")
                    .bold()

                Button(action: {}, label: {
                    Text("Button")
                })
                .buttonStyle(.borderedProminent)
            }
        }
    }
}

버튼 어떻게 해야할지 모르겠을 때 위의 기본 옵션들을 적용해봐도 좋을 것 같다. 아래는 좀더 버튼의 크기를 조정해본것! 텍스트도 당연히 조절 가능하다.