[iOS][SwiftUI] Modal, fullScreenCover 애니메이션 없애기

안녕하세요. iOSangBong입니다.

오늘은 SwiftUI에서 Modal 애니메이션을 간단하게 없애보겠습니다.

 

일단 SwiftUI에서 간단하게 Modal을 띄웠습니다.

실행을 하게 되면 아래와 같이 실행이 되죠.

여기서 모달이 올라가는 애니메이션을 추가를 해주고 싶은데...

아주 간단하게 해결이 됩니다.

이 코드를 .fullScreenCover 다음에 넣어주면 됩니다.

그러면 ... 쨘

그러면 이렇게 애니메이션이 제거가 됩니다.

 

이것을 커스텀 UI를 만들때 유용하게 사용했는데 나중에 업로드 해보겠습니다.

 

참고를 위해 코드를 올려놓겠습니다.

 

struct ContentView: View {
    
    @State private var isPresented: Bool = false
    
    var body: some View {
        VStack {
            Image(uiImage: BongQRCode.generateQRCode())
                .onTapGesture {
                    self.isPresented.toggle()
                }
        }
        .fullScreenCover(isPresented: $isPresented) {
            ModalView(isPresented: $isPresented)
        }
        .transaction { transaction in
            // 모달 애니메이션 없애기
            transaction.disablesAnimations = true
        }
    }
}

struct ModalView: View {
    
    @Binding var isPresented: Bool
    
    var body: some View {
        VStack {
            Text("iOSangBong")
                .onTapGesture {
                    self.isPresented.toggle()
                }
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(Color.orange)
    }
}

다들 즐코딩 하세요. 그럼 이만~