이 기사는 SwiftUI 프로그래밍의 초보자를 향한 것입니다. 다음에 대해 이야기합니다.

인라인 조건문 사용

조건에 따라 뷰 요소가 표시되도록 조건문을 사용합니다.

뷰 수정자 (글꼴 .font, 패딩 등 .padding)에 조건문 사용

화면에 어떤 요소가 표시되는지 쉽게 제어 할 수있는 것은 SwiftUI의 가장 훌륭한 기능 중 하나라고 생각합니다.

인라인 조건문

인라인 조건문을 사용할 수 있습니다. 예를 들어, 로그인하지 않은 사용자에게는 '당신은 로그인하지 않았습니다', 로그인한 사용자에게는 '로그인했습니다'라는 메시지가 표시될 수 있습니다.

Text(isSignedIn ? "サインインしました" : "あなたはサインインしていません")

구문은 다음과 같습니다.

[条件] ? [条件が真の場合の表現] : [条件が偽の場合の表現]

뷰 구성 요소를 조건에 따라 표시

뷰 요소를 조건에 따라 표시할 수도 있습니다. 예를 들어 사용자가 로그인하지 않은 경우 로그인 버튼을 볼 수 있습니다.

struct ContentView: View {

    @State var isSignedIn: Bool

    var body: some View {
        if !isSignedIn {
            SignInWithAppleButton(...)
        }
    }

}

조건에 따른 뷰 수정자

또한 입력이 있는 뷰 수정자를 만들 수도 있습니다. View 에 확장을 추가할 수 있습니다.

extension View {
    @ViewBuilder
    func redacted(showPlaceholder: Bool) -> some View {
        if showPlaceholder {
            self
                .redacted(reason: .placeholder)
        } else {
            self
                .unredacted()
        }
    }
}

이제 자체 제작 뷰 수정자를 조건에 따라 호출할 수 있습니다.

WeatherView(weatherInformation: $weatherInformation)
    .redacted(showPlaceholder: (weatherInformation == nil))

조건부 뷰 한정자를 사용하면 특정 조건을 충족하는 경우에만 뷰에 애니메이션을 적용할 수 있습니다. 여기의 이전 Qiita 기사에서 그것에 대해 설명합니다.

트위터 @MszPro

내 게시된 Qiita 기사 목록을 카테고리별로 확인할 수 있습니다.