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