美文网首页
iOS 原生与flutter混编调试

iOS 原生与flutter混编调试

作者: yan0_0 | 来源:发表于2022-05-19 22:28 被阅读0次

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

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

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

原生项目

在info.plist中添加如下配置

<key>NSBonjourServices</key>
    <array>
        <string>_dartobservatory._tcp</string>
    </array>
<key>NSLocalNetworkUsageDescription</key>
<string>需要访问本地网络权限</string>

注意:如果项目中没有本地网络权限等相关业务需求,仅仅只是开发时用来调试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混编调试

      本文链接:https://www.haomeiwen.com/subject/fgtxprtx.html