混合开发下Flutter断点调试

官方文档：add-to-app
按此方法集成了flutter项目到App中，使用Android Studio成功运行项目
但是目前还存在两个问题：
1.flutter attach按钮始终为灰色
2.在dart代码无法进行断点调试

1722932891362.png

问题1

只要在命令行运行flutter attach即可

1722932231345.png

随后重启应用：

1722932292723.png

以后就可以自由使用hot reload了

问题2

网上没有系统说明，自己总结了下
目前发现两种解决方式：
1.在flutter tools页面debug，打开flutter attach中输出的devtool地址：http://127.0.0.1:51194/l52_YnIHJ3Y=/

1722932673071.png
点击到Debugger一栏, 打上断点，运行之后会就出现左边的变量值，并且上方还有“Resume”，"Step over"，"Step In"，"Step Out"按钮

2. 在Android Studio中进行调试
   在Studio中打开新窗口，打开的工程为flutter module工程，也就是将flutter module以单独的工程打开，此时打开后toolbar上所有按钮都可用

   
   1722933007228.png
   

   点击flutter attach按钮

   
   1722933148807.png

重启APP

1722933214310.png

然后再对应的地方打上断点，程序跑到对应代码处：

1722933393449.png

这里就出现了我们熟悉的debug断点模式