将 Adob​​e-XD 布局导出到 Flutter

Posted

技术标签:

【中文标题】将 Adob​​e-XD 布局导出到 Flutter【英文标题】:Exporting an Adobe-XD layout to Flutter 【发布时间】:2021-12-27 16:40:20 【问题描述】:

我正在尝试将一个非常基本的XD layout 导出到 Flutter 项目。

我正在使用 两个组件实例,从库中的 Material Design light theme UI kit 拖放。

导出后,两个实例都出现以下错误

“找不到主组件”

当尝试访问任一实例的主组件时(按ctrl-shift-K),没有任何反应。我应该怎么做才能将此布局导出到 Flutter? 在我看来,您不能使用 UI 工具包小部件(至少不是开箱即用的)。对吗?

【问题讨论】:

您是否尝试在导出小部件之前取消选中原型交互和取消组合元素? 【参考方案1】:

我不认为您可以使用开箱即用的 UI 工具包小部件,但您可以使用底层小部件。在您的情况下,您将使用 MaterialButton 小部件。

【讨论】:

以上是关于将 Adob​​e-XD 布局导出到 Flutter的主要内容,如果未能解决你的问题,请参考以下文章

从 Adob​​e Illustrator 导出到 PNG 会切断边缘 [关闭]

使用 OpenFL 将 Haxe Flash 应用程序编译到 Adob​​e AIR

如何导出与 Flash Player 8 兼容的 Adob​​e Flash cc 文件?

在 Adob​​e Illustrator 画布大小问题中导出为 SVG [关闭]

Flash 电影上传后不循环播放

从 Adob​​e Animate 中打开的 FLA 文件中导出所有项目