[ios] SwiftUI 커스텀 스타일

18 Dec 2023

SwiftUI에서 뷰의 외관과 모양을 정의하기 위해 ViewModifier를 사용하여 커스텀 스타일을 만들 수 있습니다. 이를 통해 재사용 가능한 스타일을 정의하여 코드를 보다 간결하게 유지할 수 있습니다.

1. 커스텀 스타일 만들기

struct CustomTextStyle: ViewModifier {
    func body(content: Content) -> some View {
        content
            .foregroundColor(.blue)
            .font(.title)
            .padding(10)
            .background(Color.yellow)
            .cornerRadius(10)
    }
}

extension View {
    func customStyle() -> some View {
        self.modifier(CustomTextStyle())
    }
}

위의 예제에서는 CustomTextStyle이라는 ViewModifier를 정의하고, 원하는 스타일을 적용합니다. 이후 View의 extension을 통해 customStyle을 호출하여 해당 스타일을 뷰에 적용할 수 있습니다.

2. 사용 예제

struct ContentView: View {
    var body: some View {
        Text("Hello, SwiftUI!")
            .customStyle()
    }
}

위의 코드에서 Text 뷰에 .customStyle()을 호출하여 정의한 커스텀 스타일을 적용합니다.

이렇게 함으로써 커스텀 스타일을 재사용하여 코드를 보다 간결하게 작성할 수 있습니다.

더 많은 정보는 공식 문서를 참고하세요.