how to push ViewController from inside UIHostingController's SwiftUI view using pushViewController?

huangapple
go评论97阅读模式
英文:

how to push ViewController from inside UIHostingController's SwiftUI view using pushViewController?

问题

我有一个使用UIHostingController来显示SwiftUI视图的UiKit应用程序。在这个视图中有一个按钮，我想要使用它来导航到另一个ViewController。我如何可以从这个SwiftUI视图内部推出一个新的ViewController？（或更一般地说：我如何可以从SwiftUI视图内部调用ViewController中的函数？）

当然，我可以在SwiftUI内部使用NavigationView，但我想要尽可能多地使用UiKit，以便在业务逻辑和UI之间实现清晰的分离。

  1. import UIKit
  2. import SwiftUI
  4. class MainViewController: UIViewController {
  6.     var viewModel = ViewModel()
  7.     
  8.     override func viewDidLoad() {
  9.         super.viewDidLoad()
  10.         addView()
  11.     }
  12.     
  13.     func addView() {
  14.         let testView = SwiftUIView(viewModel: viewModel)
  15.         let controller = UIHostingController(rootView: testView)
  16.         addChild(controller)
  17.         controller.view.translatesAutoresizingMaskIntoConstraints = false
  18.         view.addSubview(controller.view)
  19.         controller.didMove(toParent: self)
  21.         NSLayoutConstraint.activate([
  22.             controller.view.widthAnchor.constraint(equalTo: view.widthAnchor),
  23.             controller.view.heightAnchor.constraint(equalTo: view.heightAnchor),
  24.             controller.view.centerXAnchor.constraint(equalTo: view.centerXAnchor),
  25.             controller.view.centerYAnchor.constraint(equalTo: view.centerYAnchor)
  26.         ])
  27.     }
  29.     func navigate() { // 我如何可以从SwiftUI的testView视图内部调用这个函数？
  30.         let otherView = Text("test")
  31.         let nextVc = UIHostingController(rootView: otherView)
  32.         navigationController?.pushViewController(nextVc, animated: true)
  33.     }
  34. }

SwiftUI部分如下：

  1. import SwiftUI
  3. struct SwiftUIView: View {
  4.     
  5.     @ObservedObject var viewModel: ViewModel
  6.     
  7.     var body: some View {
  8.         Button {
  9.             // 推出新的视图控制器
  10.             // 你可以在这里调用MainViewController的navigate()函数
  11.         } label: {
  12.             Text("go")
  13.         }
  14.     }
  15. }
英文:

I have a UiKit app using a UIHostingController to show a SwiftUI view. In this view there is a button, which I want to use to navigate to another ViewController. How can I push a new viewController from inside this SwiftUI view? (or more generally: how can I call a function from my ViewController from inside the SwiftUI view?)

Of course I could just NavigationView inside SwiftUI, but I want to do most with UiKit, in order to have clean separation between business logic and UI.

  1. import UIKit
  2. import SwiftUI
  4. class MainViewController: UIViewController {
  6.     var viewModel = ViewModel()
  7.     
  8.     override func viewDidLoad() {
  9.         super.viewDidLoad()
  10.         addView()
  11.     }
  12.     
  13.     func addView() {
  14.             let testView = SwiftUIView(viewModel: viewModel)
  15.             let controller = UIHostingController(rootView: testView)
  16.             addChild(controller)
  17.             controller.view.translatesAutoresizingMaskIntoConstraints = false
  18.             view.addSubview(controller.view)
  19.             controller.didMove(toParent: self)
  21.             NSLayoutConstraint.activate([
  22.                 controller.view.widthAnchor.constraint(equalTo: view.widthAnchor),
  23.                 controller.view.heightAnchor.constraint(equalTo: view.heightAnchor),
  24.                 controller.view.centerXAnchor.constraint(equalTo: view.centerXAnchor),
  25.                 controller.view.centerYAnchor.constraint(equalTo: view.centerYAnchor)
  26.             ])
  27.         }
  29.     func navigate() { // how do I call this from inside SwiftUI testView view?
  30.         let otherView = Text("test")
  31.         let nextVc = UIHostingController(rootView: otherView)
  32.         navigationController?.pushViewController(nextVc, animated: true)
  33.     }
  34. }

with the SwiftUI being something like:

  1. import SwiftUI
  3. struct SwiftUIView: View {
  4.     
  5.     @ObservedObject var viewModel: ViewModel
  6.     
  7.     var body: some View {
  8.          Button {
  9.                     // push new view controller
  10.                 } label: {
  11.                     Text("go")
  12.                 }
  13.     }
  14. }

答案1

得分: 1

使你的MainViewController成为ObservableObject

在testView上设置环境对象

在视图内部使用@EnvironmentObject var parent: MainViewController访问你的环境对象

  1. class MainViewController: UIViewController, ObservableObject {
  3.     var viewModel = ViewModel()
  4.     
  5.     override func viewDidLoad() {
  6.         super.viewDidLoad()
  7.         addView()
  8.     }
  9.     
  10.     func addView() {
  11.         let testView = SwiftUIView(viewModel: viewModel)
  12.         let controller = UIHostingController(rootView: testView.environmentObject(self))
  13.         addChild(controller)
  14.         controller.view.translatesAutoresizingMaskIntoConstraints = false
  15.         view.addSubview(controller.view)
  16.         controller.didMove(toParent: self)
  18.         NSLayoutConstraint.activate([
  19.             controller.view.widthAnchor.constraint(equalTo: view.widthAnchor),
  20.             controller.view.heightAnchor.constraint(equalTo: view.heightAnchor),
  21.             controller.view.centerXAnchor.constraint(equalTo: view.centerXAnchor),
  22.             controller.view.centerYAnchor.constraint(equalTo: view.centerYAnchor)
  23.         ])
  24.     }
  25. }
  27. struct SwiftUIView: View {
  28.     @EnvironmentObject var parent: MainViewController
  29.     var body: some View {
  30.         Button {
  31.             // 推入新的视图控制器
  32.             parent.navigationController?.pushViewController(<#T##viewController: UIViewController##UIViewController#>, animated: <#T##Bool#>)
  33.         } label: {
  34.             Text("go")
  35.         }
  36.     }
  37. }
英文:

Make your MainViewController as ObservableObject

Set environment object on testView

Access your environment object inside your view using @EnvironmentObject var parent: MainViewController

  1. class MainViewController: UIViewController, ObservableObject {
  3.     var viewModel = ViewModel()
  4.     
  5.     override func viewDidLoad() {
  6.         super.viewDidLoad()
  7.         addView()
  8.     }
  9.     
  10.     func addView() {
  11.             let testView = SwiftUIView(viewModel: viewModel)
  12.             let controller = UIHostingController(rootView: testView.environmentObject(self))
  13.             addChild(controller)
  14.             controller.view.translatesAutoresizingMaskIntoConstraints = false
  15.             view.addSubview(controller.view)
  16.             controller.didMove(toParent: self)
  18.             NSLayoutConstraint.activate([
  19.                 controller.view.widthAnchor.constraint(equalTo: view.widthAnchor),
  20.                 controller.view.heightAnchor.constraint(equalTo: view.heightAnchor),
  21.                 controller.view.centerXAnchor.constraint(equalTo: view.centerXAnchor),
  22.                 controller.view.centerYAnchor.constraint(equalTo: view.centerYAnchor)
  23.             ])
  24.         }
  25. }
  27. struct SwiftUIView: View {
  28.     @EnvironmentObject var parent: MainViewController
  29.     var body: some View {
  30.         Button {
  31.             // push new view controller
  32.             parent.navigationController?.pushViewController(&lt;#T##viewController: UIViewController##UIViewController#&gt;, animated: &lt;#T##Bool#&gt;)
  33.         } label: {
  34.             Text(&quot;go&quot;)
  35.         }
  36.     }
  37.     
  38. }

答案2

得分: 0

调用此函数在你的按钮点击事件上。尽量使这个函数全局可用，这样你可以从任何SwiftUI视图中访问它。

  1. func navigateToViewController(view: View)
  2. {
  3.     let newVC = UIHostingController(rootView: view)
  4.     newVC.modalPresentationStyle = .overCurrentContext
  5.     let transition = CATransition()
  6.     transition.duration = 0.3
  7.     transition.type = CATransitionType.push
  8.     transition.subtype = CATransitionSubtype.fromRight
  9.     transition.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeInEaseOut)
  10.     UIApplication.shared.windows[0].rootViewController!.view.window!.layer.add(transition, forKey: kCATransition)
  11.     UIApplication.shared.windows[0].rootViewController!.present(newVC, animated: false, completion: nil)
  12. }
英文:

call this function on your button-click event. try to make this function global so you can access it from every swiftUI View.

  1. func navigateToViewController(view : any View)
  2. {
  3.     let newVC = UIHostingController(rootView: view)
  4.     newVC.modalPresentationStyle = .overCurrentContext
  5.     let transition = CATransition()
  6.     transition.duration = 0.3
  7.     transition.type = CATransitionType.push
  8.     transition.subtype = CATransitionSubtype.fromRight
  9.     transition.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeInEaseOut)
  10.     UIApplication.shared.windows[0].rootViewController!.view.window!.layer.add(transition, forKey: kCATransition)
  11.     UIApplication.shared.windows[0].rootViewController!.present(newVC, animated: false, completion: nil)
  12. }

huangapple
  • 本文由 发表于 2023年3月3日 21:23:24
  • 转载请务必保留本文链接：https://go.coder-hub.com/75627630.html
  • ios
  • swift
  • swiftui
  • uikit
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定