宝藏 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 的效果

「按钮」

宝藏 Flutter Widget 开源库,你想要的这里都有_第1张图片

「Badge」

1d6444b6ee9c14f2f50e62990cddbb8c.jpeg

「Avatar」

宝藏 Flutter Widget 开源库,你想要的这里都有_第2张图片

「图片」

宝藏 Flutter Widget 开源库,你想要的这里都有_第3张图片

「卡片」

宝藏 Flutter Widget 开源库,你想要的这里都有_第4张图片

「Carousel」

宝藏 Flutter Widget 开源库,你想要的这里都有_第5张图片

「List Tile」

宝藏 Flutter Widget 开源库,你想要的这里都有_第6张图片

「Tab」

宝藏 Flutter Widget 开源库,你想要的这里都有_第7张图片

「浮动组件」

宝藏 Flutter Widget 开源库,你想要的这里都有_第8张图片

「Drawer」

宝藏 Flutter Widget 开源库,你想要的这里都有_第9张图片

我们这里只是列出了 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 资料后,汇总整理出来,可以说是程序员面试必备!所有资料都整理到网盘了,欢迎下载!

宝藏 Flutter Widget 开源库,你想要的这里都有_第10张图片

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

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

你可能感兴趣的:(编程语言,java,python,github,dart)