问题标签 [flutter-design]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
52 浏览

android - 如何在颤动中实现这个应用程序栏设计,在其中我将导航插入应用程序栏而不是底部导航栏

我想像这样设计我的应用程序的 appbar

应用栏 有人可以帮我完成这项任务吗谢谢!

0 投票
1 回答
45 浏览

flutter - Flutter:如何使用 CustomPainter() 实现这种自定义设计?

如何使用 CustomPainter() 实现以下设计? 在此处输入图像描述

0 投票
2 回答
52 浏览

flutter - 多行文本组件颤动

我创建了一个可重复使用的多行文本组件。我正在使用 TextSpan 小部件。

代码:

[![在此处输入图像描述][1]][1]

这是预期的设计 [1]:https ://i.stack.imgur.com/AZF3w.png

但我将所有项目都作为段落。

0 投票
1 回答
18 浏览

flutter - 我们如何在一个 LsitView Widget 中使用两行

我试图在单个 Listview 中使用双行,当我在 listview widget 内的列中添加双行时,它应该在单个 ListView 小部件中一起滚动,我将两行合并而不是创建新行。附上图片。标记部分

0 投票
1 回答
958 浏览

css - 如何将线性渐变从 Figma 转换为 Flutter/Dart 代码

我在 Figma 中有一个包含线性渐变颜色的设计,我想将其导入 Dart 代码。

设计看起来像这样

在此处输入图像描述

颜色代码在 Figma 中的 CSS 中提供

我想将 CSS 转换为 Dart 以尽可能接近设计,我找到了两种方法来做到这一点,但它们都没有给我准确的颜色。

尝试 1 - CSS 到 Flutter 代码网站 - https://flutterkit.github.io/c2f/

该站点以 Flutter 无法理解的百分比转换为以下代码。

在此处输入图像描述

尝试 2- Figma to Flutter 插件 - https://www.figma.com/community/plugin/844008530039534144/FigmaToFlutter

这给了我一个在 Flutter 中工作的代码,但不是确切的设计。

这给了我这个与原始设计相反的图像,并且在角落处更暗更亮。

在此处输入图像描述

我想坚持尽可能接近设计,而不是使用一些猜测工作。请帮我。

0 投票
3 回答
64 浏览

flutter - 如何在 Flutter 中制作这个我是 Flutter 的新手,所以如果有人知道

在此处输入图像描述

我想要一排,左边有一张大图,右边有两张图,一张向上,第二张向下。如果有人可以提供帮助,请提前感谢!

0 投票
2 回答
182 浏览

flutter - 如何在颤动中填充 2 个圆圈之间的空间?

插图

我的圈画师:

我的油漆画了 2 个圆圈,需要一些帮助来填充空间:

0 投票
1 回答
33 浏览

flutter - 如何在 AppBar 中包装子小部件以获得更大的子高度和 Flutter 中的填充

我一直在努力寻找一种基于动作图标大小及其填充来适应 AppBar 高度的方法。当为前导和操作图标提供填充时,它们会被 AppBar 覆盖。有没有什么方法可以实现这个功能?这就是它应该如何工作

0 投票
0 回答
41 浏览

android - 如何在颤动中设置背景主题?

我想知道如何为我的应用程序的打开屏幕设置一个背景主题,就像图像中的一个半页蓝色,其余的白色,斜线区分这两种颜色。谢谢

在此处输入图像描述

0 投票
1 回答
129 浏览

flutter - 如何在颤动的任何小部件周围制作渐变阴影?

例子:

注意它周围的阴影......

请注意,小部件的颜色无关紧要,只有它周围阴影的颜色。

我一直在尝试编辑 BoxShadow 的源代码,它只有100行长,但我没有取得太大的成功。

任何帮助,将不胜感激!谢谢!