嵌入在 UIViewController 中的 UIHostingController - 如何从外部更新 @State?

Posted

技术标签:

【中文标题】嵌入在 UIViewController 中的 UIHostingController - 如何从外部更新 @State?【英文标题】:UIHostingController embedded in UIViewController - how to update @State from outside? 【发布时间】:2021-04-06 16:55:52 【问题描述】:

我正在使用 UIHostingControllerContentView 嵌入到 ViewController 中。当按下“更改名称”按钮时,我想更改ContentViewname 的名称。这是我的代码:

class ViewController: UIViewController 

    var contentView: ContentView? /// keep reference to ContentView
    
    override func viewDidLoad() 
        super.viewDidLoad()
        
        view.backgroundColor = UIColor.secondarySystemBackground
        
        /// add the button
        let button = UIButton()
        button.frame = CGRect(x: 50, y: 50, width: 200, height: 100)
        button.setTitle("Change name", for: .normal)
        button.setTitleColor(.blue, for: .normal)
        button.addTarget(self, action: #selector(handleTap), for: .touchUpInside)
        view.addSubview(button)
        
        /// add the SwiftUI ContentView
        let contentView = ContentView()
        let hostingController = UIHostingController(rootView: contentView)
        self.contentView = contentView
        
        addChild(hostingController)
        view.insertSubview(hostingController.view, at: 0)
        hostingController.view.frame = CGRect(x: 0, y: 400, width: view.bounds.width, height: view.bounds.height - 400)
        hostingController.view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        hostingController.didMove(toParent: self)
    
    
    @objc func handleTap() 
        contentView?.updateLastCardName(name: "Updated name") /// update the name
    


struct ContentView: View 
    @State var name = "Name"

    var body: some View 
        Text(name)
    

    func updateLastCardName(name: String) 
        print("updating to \(name)")
        self.name = name /// but it's not updating!
    

结果:

问题是,即使 func updateLastCardName(name: String) 被调用,当我设置 self.name = name 时也没有任何变化。 Text 继续显示“名称”,而不是“更新的名称”。

我读过@State should be local,所以我尝试使用updateLastCardName 函数来解决这个问题。但是,它不起作用。我的方法错了吗?

如何从ViewController 更新ContentViewname

【问题讨论】:

【参考方案1】:
var contentView: ContentView? /// keep reference to ContentView

这是错误的假设,因为ContentView 是一个结构,即。价值,所以您保留副本而不是参考。

相反,我们应该使用视图模型类的实例作为从 UIKit 到 SwiftUI 通信的参考。在下面找到带有方法演示的修改代码。

使用 Xcode 12.4 / ios 14.4 测试

class ViewModel: ObservableObject 
    @Published var name = "Name"


class ViewController: UIViewController 

    private var vm: ViewModel!

    override func viewDidLoad() 
        super.viewDidLoad()

        view.backgroundColor = UIColor.secondarySystemBackground

        /// add the button
        let button = UIButton()
        button.frame = CGRect(x: 50, y: 50, width: 200, height: 100)
        button.setTitle("Change name", for: .normal)
        button.setTitleColor(.blue, for: .normal)
        button.addTarget(self, action: #selector(handleTap), for: .touchUpInside)
        view.addSubview(button)

        /// add the SwiftUI ContentView
        self.vm = ViewModel()
        let contentView = ContentView(vm: self.vm)
        let hostingController = UIHostingController(rootView: contentView)

        addChild(hostingController)
        view.insertSubview(hostingController.view, at: 0)
        hostingController.view.frame = CGRect(x: 0, y: 400, width: view.bounds.width, height: view.bounds.height - 400)
        hostingController.view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        hostingController.didMove(toParent: self)
    

    @objc func handleTap() 
        vm.name = "Updated name" /// update the name
    


struct ContentView: View 
    @ObservedObject var vm: ViewModel

    var body: some View 
        Text(vm.name)
    

【讨论】:

非常感谢!

以上是关于嵌入在 UIViewController 中的 UIHostingController - 如何从外部更新 @State?的主要内容,如果未能解决你的问题,请参考以下文章

嵌入在 UIViewController 中的 UIHostingController - 如何从外部更新 @State?

您好,我是 iOS 开发新手,我很难用 json 数据填充嵌入在 UIviewcontroller 中的 tableview

iOS8 中的 UIViewController 自动布局

如何将数据传递到 UIView 侧的嵌入式 UIViewController - Swift 5

嵌入到导航控制器中的动画根视图控制器以模态方式呈现

将信息从 UINavigationController 传递到嵌入式 UIViewController