Flutter inspector 工具启动入口
- Android Studio 打开Flutter App 工程运行在 iOS 模拟器上。
- 在窗口左下角的电视按钮,鼠标放上去:选中Flutter inspector 点击
Flutter inspector 使用
用于可视化和浏览Flutter这些widget树的强大工具
- 理解现有的布局
- 诊断布局,快速定位问题
如下图:可以点击widget 控件数,查看对应的布局。可以跳到对应的源码(Source code)位置,方便快速修改!
Flutter outline (类似Xcode 中(Snippets)快捷代码块功能能)
Center widget:快速帮你在这个选中的widget的外面包装一层Center。
Add padding:快速帮你在这个选中的widget的外面包装一层padding。
Warp with Column:快速帮你在这个选中的widget的外面包装一层Column。
Warp with Row:快速帮你在这个选中的widget的外面包装一层Row。
Warp with Container:快速帮你在这个选中的widget的外面包装一层Container。
Extract widget:快速帮你将选中的widget抽取为一个widget类。
Remove widget:移除当前选中widget。
使用方式
选择要包括的代码块 ,按住 Option + 回车
未完,待续~