在 Flutter for Android 中设计 UI

Posted 2023-02-23

【中文标题】在 Flutter for Android 中设计 UI

【英文标题】：Designing UI in Flutter for Android

【发布时间】：2019-06-11 02:24:39

【问题描述】：

是否可以通过 android Studio 使用 UI 构建器来设计 Flutter UI，就像我在使用 Java/Kotlin 开发时所做的那样？

【参考方案1】：

是的。你可以试试 Flutter UI 开源库。试试这个 GitHub repo 进行 Flutter UI 设计https://github.com/ionicfirebaseapp/getflutter

【参考方案2】：

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

将此导入根文件（例如main.dart）

import 'package:flutter/rendering.dart';

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

debugPaintSizeEnabled = true;

debugPaintBaselinesEnabled = true;

debugPaintPointersEnabled = true;

【参考方案3】：

简短的回答，不。

但 Flutter 有一个叫做 Hot Reload 的东西，它可以让你在一秒钟内看到你的机会。

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

还有一个叫Flutter Studio的东西。

【讨论】：

好的。谢谢。我想我会坚持使用代码进行构建。有趣的是，Android Studio 没有为 Flutter 提供 WYSIWYG，而是为 Java/Kotlin 提供了

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

这是我一直在寻找的 WYSIWYG 类型，但它甚至与 Android Studio 提供的相比还差得远，而且它似乎有问题。我觉得为了控制布局，我需要自己编程。