Flutter 有编辑布局的实时预览吗？

Posted 2023-02-23

【中文标题】Flutter 有编辑布局的实时预览吗？

【英文标题】：Does flutter have a live preview of the editing layout?

【发布时间】：2020-04-21 06:51:10

【问题描述】：

我刚刚开始学习 Flutter，我现在缺少的一件事是我在 android Studio 中编辑 Android 应用布局时的布局预览。颤振有类似的东西吗？ 我正在寻找的是可以在 Android Studio 中使用占位符文本呈现我正在编辑的布局的东西。我知道颤振有一个很好的热重载，但它对我的具体情况不是很好。我的电脑无法很好地处理 android 模拟器，我想在显示器上看到我的更改结果，而不必一直低头看手机来查看更改。根据我现在的搜索，颤振没有这样的东西。对吗？

【问题讨论】：

您可以尝试以flutter for web 身份运行您的项目以便能够预览。除此之外，您还可以尝试其他 Android 模拟器，但它们需要比原始 Android 模拟器与 Android Studio 无缝集成更多的配置。

【参考方案1】：

AFAIK，有可用的非移动选项适合学习或至少运行您的应用程序预览。这些目前正在开发中。

Flutter for desktop，查看this for samples。 Flutter for web，现已在 Flutter beta 通道中提供。 另一个选项是使用device_preview。这使您可以利用 Flutter 桌面支持来查看您的应用在移动设备上的外观。