[SwiftUI] View Modifier에서 분기처리하기

🔧 문제 상황

위와 같이 iOS 16.0일 경우와 아닌 경우를 분기해서 패딩을 넣어주는 코드가 있다.

원래 였다면, View Modifier가 하나 추가되는 것임에도 이렇게 두 번 코드를 분기해서 작성해야 했다.

💬 고민 Point

그래서 생각한 View Modifier를 분기할 수 있는 방법 !

🌟 문제 해결

1️⃣ [ if ] ViewBuilder 추가

extension View {
    @ViewBuilder func `if`<Content: View>(_ condition: Bool, transform: (Self) -> Content) -> some View {
        if condition {
            transform(self)
        } else {
            self
        }
    }
}

이렇게 조건을 분기해서 View modifier를 작성할 수 있도록 View extention에 if View modifier를 추가했다.

 

이렇게 변경한 결과, 다음과 같이 코드를 줄일 수 있게 되었다.

 

2️⃣ isiOSVersionAbove extention 추가

제일 처음의 문제상황에서는 분기에서 iOS 버전을 확인할 수 있어야 했다.

하지만 코드를 수정하니까.. 아래와 같은 에러가 떴다. 

 

그래서 추가하게 된 isiOSVersionAbove extention !

이 함수는 targetVersion와 해당 기기의 SyestemVersion과 비교해서  targetVersion이 더 높거나 같은 경우 true를 리턴한다.

    static func isiOSVersionAbove(targetVersion: Float) -> Bool {
        if let systemVersion = Float(UIDevice.current.systemVersion) {
            return systemVersion >= targetVersion
        }
        return false
    }

 

처음에 발견했던 문제의 코드는 다음과 같이 개선할 수 있다.

💬 고민 Point 추가

Conditional View modifier에 대해 알아보다가 이것을 사용하면 안 좋다는 글들을 보게 되었다.

SwiftUI 자체의 구동 원리를 알아야지만 이해가 가야되는 부분이다. 간단하게 이야기하면 애니메이션이나 상태관리에 있어서 앞선 코드가 문제가 될 수 있다는 것.. 다음 포스팅에서 좀 더 자세히 다루기로 하겠다.