SwiftUI에서 modifier 분기 처리하기

만약 iOS가 14일 때만 foreground를 red로 주고 싶다고 하자.

 

1. View를 분기 처리 하기

struct ContentView: View {
     var body: some View {
         if #available(iOS 14.0, *) {
             Text("iOS 14.0")
                 .padding()
                 .foreground(Color.red)
         } else {
             Text("iOS 14.0 아님")
                 .padding()
         }
     }
 }

 

2. modifier를 분기 처리 하기

이렇게 View extension에 분기 처리를 할 수 있는 함수를 추가하고,

extension View {
    /// Applies the given transform if the given condition evaluates to `true`.
    /// - Parameters:
    ///   - condition: The condition to evaluate.
    ///   - transform: The transform to apply to the source `View`.
    /// - Returns: Either the original `View` or the modified `View` if the condition is `true`.
    @ViewBuilder func `if`<Content: View>(_ condition: Bool, transform: (Self) -> Content) -> some View {
        if condition {
            transform(self)
        } else {
            self
        }
    }
}

 

해당 bool 값을 이용해서 적용할 수 있다.

extension Bool {
     static var iOS14: Bool {
         guard #available(iOS 14, *) else {
             // 14가 아닐 때
             return false
         }
         // 14 일 때
         return true
     }
 }

struct ContentView: View {
    
    var body: some View {
             Text("iOS 14.0 아님")
                 .padding()
                 .if(.iOS14) { view in
                 	// 14일 때만 적용이 됨
                	view.foreground(Color.red)
            	 }
    }
}