10 个 Flutter 优秀组件

[图片上传失败...(image-fca-1652268173136)]

今天我们再次讨论关于 UI 和 Widgets 的优秀软件包。所以... ... 让我们开始愉快的阅读吧！

原文

https://tomicriedel.medium.com/10-flutter-tips-season-2-part-5-10-e8152b58935a

正文

Yaru

Flutter 支持许多平台，其中包括 Linux。现在，如果你开发了一个漂亮的 Ubuntu 风格的应用程序，它可能会变得复杂。这就是亚鲁存在的原因。这使您能够使用各种各样的组件，从按钮和检查到进度条，而无需编写复杂的代码。

[图片上传失败...(image-b47060-1652268173136)]

Aesthetic 对话

对话是伟大的发明。它们被用在几乎每一个应用程序中，并且看起来非常棒。然而，创建如此美妙的对话框需要时间。出于这个原因，有一个包叫做 aesthetic_dialogs。这为您提供了许多定制选项，但仍然非常容易使用。

[图片上传失败...(image-29d2-1652268173136)]

Swipable Stack

swipable_stack

你可能想要创建一个 Tinder 的克隆，或者一个完全不同的应用，但是它也有熟悉的 swipecards。当然，你可以自己添加整个应用程序，但是为什么要让它变得不必要的困难呢？你应该使用 swipable_stack。有了这个软件包，你可以很容易地创建这些卡片，并通过一些代码线获得用户输入。你的应用程序可以是这样的:

[图片上传失败...(image-cf2ba3-1652268173136)]

Animated Toggle Switch 动画切换开关

animated_toggle_switch

动画切换开关为您提供了一个不同的选择，不仅仅是 2 个选择不同的开关。解释这个概念最简单的方法是使用 gif:

[图片上传失败...(image-42abb4-1652268173136)]

自定义导航栏

custom_navigation_bar

自定义导航栏为你提供了创建简单的动画导航栏的可能性。这个导航条适合任何看起来很时髦的应用程序，一定会吸引用户的眼球！

[图片上传失败...(image-97811a-1652268173136)]

自定义计时器

Custom Timer

定制计时器让你有可能在你的应用程序中创建一个非常简单的计时器，然而这是非常可定制的。这个软件包非常容易使用，并且可以在任何一个运动和时钟应用程序中找到使用方法:

[图片上传失败...(image-2e8301-1652268173136)]

Flash 闪光

flash

提醒对话框是很棒的，但是有时候写这么多代码并自定义整个事情会有点烦人。这就是 flash 发挥作用的地方。这是一个非常容易使用的可定制的警报库。

[图片上传失败...(image-fe48ff-1652268173136)]

Scribble

Scribble

Scribble 是一个图书馆，让你在 Flutter 应用程序中绘制基本的方法。你可以使用橡皮擦，使用不同厚度的钢笔，甚至是不同的颜色。对于具有小型绘图功能的应用程序，这个库是绝对推荐的。

[图片上传失败...(image-d52bbe-1652268173136)]

Water Drop 导航杆

library

这个导航栏有很多精彩的动画。正如这个library的名字所暗示的那样，它看起来就像一滴水滴落在选定的图标上。下面是一个例子:

[图片上传失败...(image-e9130f-1652268173136)]

Glass 玻璃效果

glassmorphism

玻璃态势是一个巨大的用户界面趋势，但并不总是容易实现。这就是为什么有这样一个 glassmorphism ，它允许您轻松地创建 Glasmorphic UI。

[图片上传失败...(image-d5514e-1652268173136)]

end.

祝你今天愉快！

---

© 猫哥

• 微信 ducafecat

• 博客 ducafecat.tech

• github

• bilibili