一、工具启动入口
Android Studio工具启动入口，点击Android Studio窗口右侧的垂直按钮切换检查器的显示。
inspector.png
image.png
二、Flutter inspector
inspector是用于可视化和浏览Flutter这些widget树的强大工具.
主要用来解决：
- 理解现有的布局
- 诊断布局问题
三、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。
网友评论