在Flutter中为Android设计UI

Question

我可以使用Android Studio中的UI构建器来设计Flutter UI吗？就像我在使用Java/Kotlin开发时所做的那样。

- avi12

Answer 1

是的，您可以尝试Flutter UI开源库。尝试使用此GitHub存储库进行Flutter UI设计：https://github.com/ionicfirebaseapp/getflutter

- GetWidget

Answer 2

简短回答，不行。

但是Flutter有一个叫做Hot Reload的功能，它允许您在一秒内看到您的更改。

Flutter的hot reload功能帮助您快速轻松地实验、构建UI、添加功能和修复错误。热重载通过将更新的源代码文件注入正在运行的Dart虚拟机（VM）中来工作。在VM使用新版本的字段和函数更新类之后，Flutter框架会自动重新构建小部件树，使您能够快速查看更改的效果。

还有一个叫做Flutter Studio的东西。

- westdabestdb

---

好的，谢谢。我想我会继续使用代码构建。有趣的是，Android Studio没有为Flutter提供WYSIWYG，但却为Java/Kotlin提供了。 - avi12

你也可以使用https://flutterstudio.app/。如果答案符合您的期望，请接受它。 - westdabestdb

这就是我一直在寻找的所见即所得编辑器，但它甚至不能与Android Studio相提并论，而且似乎存在缺陷。我感觉为了掌控布局，我需要自己编写代码。 - avi12

Answer 3

现在还不支持。Flutter Studio看起来不太稳定，存在一些bug。因此，目前唯一可行的方法是使用Hot Reload。如果您想调试与布局相关的问题，请按照以下步骤操作：

1. 在根文件（例如main.dart）中导入：

import 'package:flutter/rendering.dart';

2. 在main()函数中，在runApp()方法之前添加以下行以启用布局调试：

debugPaintSizeEnabled = true;

debugPaintBaselinesEnabled = true;

debugPaintPointersEnabled = true;

- Affan Khan

Answer 4

当然，大多数人使用Android Studio-首先安装Flutter和Dart SDK。您还可以在终端中运行flutter doctor。

- Ravi Choudhary

---

你的答案可以通过添加更多支持信息来改进。请[编辑]以增加更多细节，例如引用或文档，以便他人可以确认你的答案是否正确。您可以在帮助中心找到有关编写良好答案的更多信息。 - Community