美文网首页Flutter学习
混合开发时,启用flutter的热加载功能

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

作者: wg刚 | 来源:发表于2019-08-14 14:31 被阅读39次

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

提供入门与实践的一些demo,简单页面开始到完整flutter项目,包含混编,与原生交互。

下面来解决热加载问题:

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

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

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

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

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

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

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

4、运行界面如下:这个时候已经成功了,是在等待你打开程序(不要在傻傻等待了😂)
5、打开混编的那个程序(第二步让你杀掉进程的那个)

例如我的:


打开后可以看到终端输出

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

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

demo15.gif

相关文章

网友评论

    本文标题:混合开发时,启用flutter的热加载功能

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