如何查看应用于小部件的样式？

Question

有没有办法查看小部件应用了什么样式？在网站开发中， Chrome 开发工具中的“样式”选项卡显示了应用的样式以及样式如何级联，这对于调试页面非常有用。

Flutter中有类似的功能吗？

Answer 1

一个小例子，用于查看文本小部件的字体大小、颜色等信息：

打开小部件检查器并切换到 Widet 详细信息树

将鼠标悬停在依赖项上可查看 DefaultTextStyle。为此，您必须在检查器设置（右上角齿轮图标）中启用“悬停检查”。

打开 DefaultTextStyle 可查看样式元素，其中包含所有信息。