flutter混合开发怎么调试

Posted 2022-03-03 一叶飘舟

热重启/重新加载

大家在写纯Flutter应用的时候，知道是有热重启/重新加载功能的，但是在做混合开发的过程中，你会发现热重启/重新加载功能失效了。那么如何在混合开发中开启热重启/重新加载功能呢？

首先接入我们的设备或者模拟器
将我们的App关闭，退出后台，在terminal中运行 flutter attach命令
 

$ flutter attach
Waiting for a connection from Flutter on android SDK built for x86...

此时就在等待设备的连接。这里要注意的是，如果电脑连接了多台设备需要使用 -d 命令来指定一台设备，参数为设备的id。

 flutter attach -d '你的设备id'

然后启动我们的应用会看到控制台输出：

Done.
Syncing files to device Android SDK built for x86...             1,393ms

🔥  To hot reload changes while running, press "r". To hot restart (and rebuild state), press "R".
An Observatory debugger and profiler on Android SDK built for x86 is available at: http://127.0.0.1:59354/zRsDBfpesrk=/
For a more detailed help message, press "h". To detach, press "d"; to quit, press "q".

这样就表示我们连接成功了。在输出的日志中也告诉了我们如何使用热重启/重新加载功能。

在Terminal中输入以下命令​：​

r : 热加载；
R : 热重启；
h : 获取帮助；
d : 断开连接；
q : 退出；

这里的的 d 和 q 的命令都有退出调试，区别在于 d 命令只是单纯的断开而 q 命令会将应用退到后台。

调试Dart代码

同样在混合开发过程中我们如何调试dart代码呢？

• 关闭我们的应用
• 点击Android Studio工具栏上的Flutter Attach按钮(需要安装Flutter与Dart插件)

启动我们的应用

接下来就可以像调试普通Flutter项目一样来调试混合开发模式下的Dart代码了。