【问题标题】:SwiftUI go to another view from UIViewControllerSwiftUI 从 UIViewController 转到另一个视图
【发布时间】:2021-12-15 10:51:10
【问题描述】:

我有一个使用 SwiftUI 构建的项目并且能够使用条带,我现在将 UIKit 集成到这个 SwiftUI 项目中。这是我想做的一个例子。我想从 UIKit 转到另一个视图。 这是我在 SwiftUI 中的内容视图。如果您复制粘贴此代码,它也将适用于您的 xcode。

import SwiftUI
import UIKit

struct ContentView: View {
    var body: some View {
        ViewControllerWrapper(controller: MyViewController.init())
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

class MyViewController: UIViewController{
    lazy var goToAnotherViewButton: UIButton = {
        let button = UIButton(type: .custom)
        button.layer.cornerRadius = 5
        button.backgroundColor = .systemYellow
        button.titleLabel?.font = UIFont.systemFont(ofSize: 22)
        button.setTitle("Go", for: .normal)
        button.addTarget(self, action: #selector(goToAnotherView), for: .touchUpInside)
        return button
    }()
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white
        let stackView = UIStackView(arrangedSubviews: [goToAnotherViewButton])
        stackView.axis = .vertical
        stackView.spacing = 20
        stackView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(stackView)
        NSLayoutConstraint.activate([
            stackView.leftAnchor.constraint(equalToSystemSpacingAfter: view.leftAnchor, multiplier: 2),
            view.rightAnchor.constraint(equalToSystemSpacingAfter: stackView.rightAnchor, multiplier: 2),
            stackView.topAnchor.constraint(equalToSystemSpacingBelow: view.topAnchor, multiplier: 2),
        ])
    }
    
    @objc
    func goToAnotherView() {
            //from this function I want to go to Another View
        }
}

struct ViewControllerWrapper: UIViewControllerRepresentable{
    func makeUIViewController(context: UIViewControllerRepresentableContext<ViewControllerWrapper>) -> UIViewController {
        guard let controller=controller else {
            return UIViewController()
        }
        return controller
    }
    func updateUIViewController(_ uiViewController: UIViewController, context: UIViewControllerRepresentableContext<ViewControllerWrapper>) {
    }
    let controller:UIViewController?
    typealias UIViewControllerType = UIViewController
}

【问题讨论】:

    标签: ios swift swiftui uikit


    【解决方案1】:

    您可以创建 UIHostingController 的实例并将此控制器推送到导航控制器。

    例子:

    struct ContentView1: View {
        var body: some View {
            NavigationView(content: {
                ViewControllerWrapper(controller: MyViewController.init())
            })
            .navigationTitle("View")
            .navigationBarTitle("Text")
        }
    }
    
    struct AnotherView: View {
        var body: some View {
            Text("AnotherView In Swiftui")
                .font(.title)
        }
    }
    
    struct ContentView1_Previews: PreviewProvider {
        static var previews: some View {
            ContentView1()
        }
    }
    
    class MyViewController: UIViewController{
        lazy var goToAnotherViewButton: UIButton = {
            let button = UIButton(type: .custom)
            button.layer.cornerRadius = 5
            button.backgroundColor = .systemYellow
            button.titleLabel?.font = UIFont.systemFont(ofSize: 22)
            button.setTitle("Go", for: .normal)
            button.addTarget(self, action: #selector(goToAnotherView), for: .touchUpInside)
            return button
        }()
        override func viewDidLoad() {
            super.viewDidLoad()
            view.backgroundColor = .white
            let stackView = UIStackView(arrangedSubviews: [goToAnotherViewButton])
            stackView.axis = .vertical
            stackView.spacing = 20
            stackView.translatesAutoresizingMaskIntoConstraints = false
            view.addSubview(stackView)
            NSLayoutConstraint.activate([
                stackView.leftAnchor.constraint(equalToSystemSpacingAfter: view.leftAnchor, multiplier: 2),
                view.rightAnchor.constraint(equalToSystemSpacingAfter: stackView.rightAnchor, multiplier: 2),
                stackView.topAnchor.constraint(equalToSystemSpacingBelow: view.topAnchor, multiplier: 2),
            ])
        }
        
        @objc
        func goToAnotherView() {
            //from this function I want to go to Another View
            let vc = UIHostingController(rootView: AnotherView())
            self.navigationController?.pushViewController(vc, animated: true)
        }
    }
    
    struct ViewControllerWrapper: UIViewControllerRepresentable{
        func makeUIViewController(context: UIViewControllerRepresentableContext<ViewControllerWrapper>) -> UIViewController {
            guard let controller=controller else {
                return UIViewController()
            }
            return controller
        }
        func updateUIViewController(_ uiViewController: UIViewController, context: UIViewControllerRepresentableContext<ViewControllerWrapper>) {
        }
        let controller:UIViewController?
        typealias UIViewControllerType = UIViewController
    }
    

    【讨论】:

    • 感谢您的解决方案。当我添加导航视图时,它会在顶部添加额外的空间。现在我正在尝试解决这个问题。再次感谢
    猜你喜欢
    • 2020-01-17
    • 2021-05-02
    • 2020-06-21
    • 1970-01-01
    • 2021-10-15
    • 2021-04-06
    • 2022-11-22
    • 2020-10-08
    • 2020-06-03
    相关资源
    最近更新 更多