混合开发时,启用flutter的热加载功能

单纯的flutter项目时,是可以热加载的。但是,当和原生一起混合开发时,热加载功能失效了。

下面来解决这个问题:

1、确定电脑打开了一个以上的模拟器,或者手机连接了电脑

混合开发时,启用flutter的热加载功能_第1张图片

2、打开的模拟器或者手机杀掉混合开发的应用程序进程

混合开发时,启用flutter的热加载功能_第2张图片

3、flutter项目根目录下执行命令:flutter attach

注意是在flutter根目录下,不是混合开发的项目根目录`

例如,下图是在红框的目录下执行flutter attach

[外链图片转存失败(img-PYu7nsHS-1566440268396)(https://upload-images.jianshu.io/upload_images/15679108-3d6411366a948b25?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

如果打开了多个模拟器的话,会让你选择其中一个,如下图:

解决:

执行 flutter attach -d ‘42F1B2F5-5EFA-447D-91FF-DD009DF6A51E(需要换成你自己的id)’即可

4、运行界面如下:这个时候已经成功了,是在等待你打开程序

5、打开混编的那个程序(第二步让你杀掉进程的那个)

例如我的:

混合开发时,启用flutter的热加载功能_第3张图片

打开后可以看到终端输出

混合开发时,启用flutter的热加载功能_第4张图片

6、这个时候就已经完成了热加载功能,愉快的调试吧。

下图为:我修改了标题,然后在终端直接按大写的R,不需要混编项目重新运行,即可以看到标题已经改为了我修改的。

Android开发资料+面试架构资料 免费分享 点击链接 即可领取

《Android架构师必备学习资源免费领取(架构视频+面试专题文档+学习笔记)》

你可能感兴趣的:(技术文)