如何在swiftUI中呈现crossDissolve视图? [英] How to present crossDissolve view in swiftUI?

问题描述

在UIKit中，我使用下面的代码来演示具有呈现风格 crossDissolve

In UIKit I used below code to present a modal Viewcontroller with presentation style crossDissolve

controller.modalTransitionStyle = .crossDissolve
controller.modalPresentationStyle = .overFullScreen
UIApplication.topViewController()?.present(controller, animated: true, completion: nil)

但是我如何在swiftUI中实现这一目标?

But how I can achieve this in swiftUI?

推荐答案

您可以像这样在UIViewController上进行扩展:

You can make an extension on UIViewController like this:

struct ViewControllerHolder {
    weak var value: UIViewController?
}

struct ViewControllerKey: EnvironmentKey {
    static var defaultValue: ViewControllerHolder {
        return ViewControllerHolder(value: UIApplication.shared.windows.first?.rootViewController)

    }
}

extension EnvironmentValues {
    var viewController: UIViewController? {
        get { return self[ViewControllerKey.self].value }
        set { self[ViewControllerKey.self].value = newValue }
    }
}

extension UIViewController {
    func present<Content: View>(style: UIModalPresentationStyle = .automatic, transitionStyle: UIModalTransitionStyle = .coverVertical, @ViewBuilder builder: () -> Content) {
        let toPresent = UIHostingController(rootView: AnyView(EmptyView()))
        toPresent.modalPresentationStyle = style
        toPresent.modalTransitionStyle = transitionStyle
        toPresent.rootView = AnyView(
            builder()
                .environment(\.viewController, toPresent)
        )
        self.present(toPresent, animated: true, completion: nil)
    }
}

并根据需要在SwiftUI代码中使用它:

and use it as you want in your SwiftUI code:

struct ContentView: View {

    @Environment(\.viewController) private var viewControllerHolder: UIViewController?
    private var viewController: UIViewController? {
        self.viewControllerHolder
    }

    var body: some View {
        Button(action: {
            self.viewController?.present(style: .fullScreen, transitionStyle: .coverVertical) {
              Text("OK")
           }
        }) {
           Text("Present me!")
        }
    }
}

通过这种方式，您可以根据需要更改演示文稿和过渡样式

In this way, you have an ability to change your presentation and transition style as you want

这篇关于如何在swiftUI中呈现crossDissolve视图?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！