SwiftUI：没有动画的全屏覆盖？

Question

我有这样的看法：

struct TheFullCover: View {
    
    @State var showModal = false
    
    var body: some View {
        
        
        Button(action: {
            showModal.toggle()
        }) {
            Text("Show Modal")
                .padding()
                .foregroundColor(.blue)
            
        }
        .background(Color(.white))
        .overlay(
            RoundedRectangle(cornerRadius: 10)
                .stroke(.red, lineWidth:1)
        )
        .fullScreenCover(isPresented: $showModal, onDismiss: {
            
        }, content: {
            VStack {
                Text("Here I am")
                TheFullCover()
            }
        })
        
    }
    
    
}

每次我按下按钮时，模式屏幕都会全屏显示。一切都很好。

问题：

如何禁用向上滑动动画？我希望视图立即全屏呈现，而不需要动画。

有没有办法做到这一点？

Answer 1

据我所知，截至今天，正确的做法是使用transaction https://developer.apple.com/documentation/swiftui/transaction

var transaction = Transaction()
transaction.disablesAnimations = true
withTransaction(transaction) {
   showModal.toggle()
}

我还为此创建了一个方便的扩展：

extension View {
    func withoutAnimation(action: @escaping () -> Void) {
        var transaction = Transaction()
        transaction.disablesAnimations = true
        withTransaction(transaction) {
            action()
        }
    }
}

可以这样使用：

withoutAnimation {
    // do your thing
}

Answer 2

一种可能的解决方案是完全禁用视图动画（然后，如果需要，再次启用.onAppear呈现内容），例如

    Button(action: {
        UIView.setAnimationsEnabled(false)    // << here !!
        showModal.toggle()
    }) {

进而

    }, content: {
        VStack {
            Text("Here I am")
            TheFullCover()
        }
        .onAppear {
            UIView.setAnimationsEnabled(true)    // << here !!
        }
    })

使用 Xcode 13 / iOS 15 进行测试

Answer 3

.fullScreenCover(isPresented: isPresented) {
    content()
        .background(TransparentBackground())
}
.transaction({ transaction in
    transaction.disablesAnimations = true
})

根据@asamoylenko 的回答，这应该有效

Answer 4

目前，我发现在 SwiftUI 中使用 UIKit 进行演示更容易。

someView
  .onChange(of: isPresented) { _ in
    if isPresented {
      let vc = UIHostingController(rootView: MyView())
      vc.modalPresentationStyle = .overFullScreen
      UIApplication.shared.rootVC?.present(vc, animated: false)
    } else {
      UIApplication.shared.rootVC?.dismiss(animated: false)
    }
  }