Android Studio编辑器中如何开启Flutter项目的Widget Tree View？

全局设置开启方法 #

• 打开Android Studio设置面板：Windows/Linux设备按下Ctrl + Alt + S快捷键，macOS设备按下Command + ,快捷键
• 在左侧菜单依次进入Languages & Frameworks → Flutter分类
• 找到右侧Editor板块下的Show UI guides for build methods选项，勾选该选项
• 点击Apply→OK保存配置，重启Android Studio后即可生效

单项目异常修复方法 #

如果全局开启后，个别新建项目仍然不显示引导线，可修改项目本地配置：
进入项目根目录下的.idea文件夹，打开workspace.xml文件，添加如下配置项：

<component name="FlutterSettings">
  <option name="SHOW_UI_GUIDES" value="true" />
</component>

保存文件后重启编辑器即可生效。

注意事项 #

• 该功能仅支持Flutter 2.0及以上版本，Android Studio Flutter插件版本需≥60.0.1
• 若配置后仍不生效，可尝试升级Flutter插件后再重启编辑器

内容的提问来源于stack exchange，提问作者Defarine