如何在测试中可视化渲染的小部件？扑

【问题标题】：How to visualize rendered widget in test? Flutter如何在测试中可视化渲染的小部件？扑
【发布时间】：2020-12-21 02:19:45
【问题描述】：

我正在编写一些小部件测试，并且经常遇到溢出错误。我希望能够可视化测试中抽取的小部件，以帮助我进行调试。类似于在 Web 测试框架中将 headless 设置为 false 的东西。这可能吗？

【问题讨论】：

【解决方案1】：

使用Flutter Layout Explorer，

Flutter 布局浏览器帮助您更好地理解 Flutter 布局。目前，Layout Explorer 只支持探索 flex 布局，但它可以扩展到其他类型的布局未来。

您还可以选择使用Codepens。它非常适合可视化、分享您的 UI 设计，您还可以在您的网站/博客上嵌入笔

【讨论】：