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

单纯的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