【问题标题】:Designing UI in Flutter for Android在 Flutter for Android 中设计 UI
【发布时间】:2019-06-11 02:24:39
【问题描述】:

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

【问题讨论】:

    标签: android user-interface flutter


    【解决方案1】:

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

    【讨论】:

      【解决方案2】:

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

      1. 将此导入根文件(例如main.dart

      import 'package:flutter/rendering.dart';

      1. 在您的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 提供的相比还差得远,而且它似乎有问题。我觉得为了控制布局,我需要自己编程。
        猜你喜欢
        • 2022-10-23
        • 1970-01-01
        • 1970-01-01
        • 2021-09-14
        • 2020-03-10
        • 1970-01-01
        • 2021-06-06
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多