iOS 原生与flutter混编调试

这里iOS原生集成flutter我们使用cocoapods的方式,即在 Podfile 中添加下面代码:

flutter_application_path = '../taxi_driver_flutter'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')

这里不详细介绍了,然后我们看下后面如何调试

原生项目

在info.plist中添加如下配置

NSBonjourServices
    
        _dartobservatory._tcp
    
NSLocalNetworkUsageDescription
需要访问本地网络权限

注意:如果项目中没有本地网络权限等相关业务需求,仅仅只是开发时用来调试flutter模块的情况,请在上架前删掉以上配置,否则审核会被拒。

flutter模块

xcode运行原生项目成功后,用AndroidStudio打开对应路径下的flutter项目,点击右上角flutter attach按钮,如下图所示(注意:开启时请关闭之前其他运行的模拟器或真机):


截屏2022-05-19 下午10.21.39.png

这时候会出现这样的提示:


[图片上传中...(截屏2022-05-19 下午10.25.08.png-db970b-1652970314749-0)]

之后进入flutter页面后就会出现已连接的提示:
截屏2022-05-19 下午10.25.31.png

这时候我们修改flutter的内容,比如修改背景和文字后,点击Hot Reload,发现页面也跟着更改,后面就可以开心的调试了


截屏2022-05-19 下午10.27.02.png

你可能感兴趣的:(iOS 原生与flutter混编调试)