SwiftUI에서 버튼 스타일 커스텀

June·2023년 2월 10일
0

SwiftUI-View

목록 보기
3/5
post-thumbnail

코드

import SwiftUI

struct OnboardingButtonStyle: ButtonStyle {
    
    func makeBody(configuration: Configuration) -> some View {
        ZStack {
            Rectangle()
                .frame(height: 50)
                .cornerRadius(4)
                .foregroundColor(Color.Palette.ButtonPrimary)
            
            configuration.label
                .font(Font.button)
                .foregroundColor(Color.Palette.TextButton)
        }
    }
}

이런 방식으로 원하는 모양의 커스텀 버튼을 만들어서 사용하면 됨.


사용

Button {
	isToggled.toggle()
} label: {
	Text("버튼 누르기")
}
.buttonStyle(OnboardingButtonStyle())

동일한 형식의 버튼이 여러 개가 필요할 때, 이렇게 만들어놓고 재사용하면 수정도 적용도 훨씬 편하고 깔끔함.

profile
안다고 착각하지 말기

0개의 댓글