flutter调试工具介绍

一、工具启动入口

Android Studio工具启动入口，点击Android Studio窗口右侧的垂直按钮切换检查器的显示。

inspector.png
image.png

二、Flutter inspector

inspector是用于可视化和浏览Flutter这些widget树的强大工具.

主要用来解决：

1. 理解现有的布局
2. 诊断布局问题

三、Flutter outline

主要用于视图的预览，还有其它一些非常实用的功能。

image.png

• Center widget:快速帮你在这个选中的widget的外面包装一层Center。
• Add padding:快速帮你在这个选中的widget的外面包装一层padding。
• Warp with Column:快速帮你在这个选中的widget的外面包装一层Column。
• Warp with Row:快速帮你在这个选中的widget的外面包装一层Row。
• Warp with Container:快速帮你在这个选中的widget的外面包装一层Container。

• Extract method:快速帮你将选中的widget单独抽取为一个方法。

  
  Extract method.gif

• Extract widget:快速帮你将选中的widget抽取为一个widget类。

  
  Extract widget.gif

• Remove widget:移除当前选中widget。