宝藏 Flutter Widget 开源库,你想要的这里都有

👇👇关注后回复 “进群” ,拉你进程序员交流群👇👇

作者丨小集

来源丨小集(ID:zsxjtip)

在开发 Flutter 应用时,我们会创建各种各样的 Widget,比如说按钮、下拉列表、进度条等等。对于个人开发者而言,如果没有设计师的帮助,在 UI 设计方面可能就很大头了。这里给大家推荐一个开源的 Flutter Widget 库:「GetWidget」

GetWidget 是一个 100% 免费的 Flutter 开源 UI Kit 库,使用 Flutter SDK 构建,让 Flutter 开发比以往更轻松、更快乐。GetWidget 有 1000 多个预构建的小部件,我们可以重复使用这些小部件来开发 Flutter 移动应用程序和 Web 应用程序。开发团队的目标是为 Flutter 社区提供最好的 Flutter UI 库,以加快他们的开发过程,并使用预构建的 Flutter 库组件构建出色的应用程序。

效果

我们一起来看看 GetWidget 的效果

「按钮」

dce5a57885b845226f4a222a3b8a2aea.jpeg

「Badge」

81777201aa5526b37f8140c142ea9c8b.jpeg

「Avatar」

4b7cebd4838d7d4f6629ae99c80c4fcf.jpeg

「图片」

ffcafaf45f6e4be222b27e5909225c34.jpeg

「卡片」

d7b92912b41163b8f5c6f66410dd80be.jpeg

「Carousel」

728676b663fb841888e6a1fd2cf329e3.jpeg

「List Tile」

0de80ea8b4ca5438bba44534e4f08b93.jpeg

「Tab」

6e1edc0e91ff89aafdc6437e40b09026.jpeg

「浮动组件」

932b547525ef9a1f2e488dcda1bc5864.jpeg

「Drawer」

3273342937d60be4e8b86c62349cd92c.jpeg

我们这里只是列出了 GetWidget 的一小部分 Widget,大家可以查看 GetWidget 的详细文档,来查看它支持的所有组件 https://docs.getwidget.dev/。

使用

GetWidget 使用起来和其它依赖库一样,非常简单。

  • 运行以下命令获取组件库

$ flutter pub add getwidget
  • 在工程的 pubspec.yaml 中添加以下依赖

dependencies:
  getwidget: ^3.0.1
  • 在 Dart 代码中使用

import 'package:getwidget/getwidget.dart';

接下来就可以在我们的 Flutter 工程中使用了。每种 Widget 的使用方式可以参考详细文档。

「GetWidget」

地址:https://github.com/ionicfirebaseapp/getwidget

⭐️:3.4k

语言:Dart

官网:https://www.getwidget.dev/

-End-

最近有一些小伙伴,让我帮忙找一些 面试题 资料,于是我翻遍了收藏的 5T 资料后,汇总整理出来,可以说是程序员面试必备!所有资料都整理到网盘了,欢迎下载!

52df21aaf42b271ad332da9b4efa37f5.png

点击👆卡片,关注后回复【面试题】即可获取

在看点这里687f7db3990e057434b8c13e6fcfd169.gif好文分享给更多人↓↓

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值