在Flutter for Android中设计UI

Question

是否可以像使用Java / Kotlin进行开发时那样，使用UI构建器通过Android Studio设计Flutter UI？

Answer 1

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

Answer 2

简短回答，不。

但是Flutter有一个名为Hot Reload的东西，可以让您在一秒钟内看到机会。

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

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

Answer 3

目前不支持。 Flutter Studio看起来不稳定并且有错误。因此，到目前为止唯一可取的方法是使用Hot Reload。如果要调试与布局有关的问题，可以执行以下操作：

1. 将其导入到根文件中（例如main.dart）

import 'package:flutter/rendering.dart';

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

debugPaintSizeEnabled = true;

debugPaintBaselinesEnabled = true;

debugPaintPointersEnabled = true;