Flutter必备开源项目

向右看齐 2022-12-23 09:36 175阅读 0赞

### 首页 ###

动态的展示导航栏的显示和隐藏

![3ea448a38224f9eb7f3ec302d4f23163.png][]

### 日历模块 ###

展示日历的记录, 每日记录生成图片和保存图片

![93a6a6a8ed7d382798ce2399ac3ec579.png][]

### 发现 ###

类似朋友圈的内容展示, 图片浏览和保存图片

![e7ea03cbaaaad37456453d69c97a818f.png][]

动态详情模块, 动态的评论和删除评论

![686d1d9db142ce500a0fe7b721a67de2.png][]

### 多语言国际化 ###

部分页面适配了韩语和英语

![dd7c6d845c9c95215c293e2c0e3d0204.png][]

### 颜色主题和暗黑模式 ###

部分页面支持手动的修改项目主题色, 黑色主题(暗黑模式)适配

![29f36ab16f0b5fb224dd9bceb4b9fb25.png][]

## 用到的插件 ##

### dio ###

[https://pub.dartlang.org/packages/dio][https_pub.dartlang.org_packages_dio]

Dart社区提供的http请求库，不仅支持常见的网络请求，还支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时等操作

### provider ###

[https://pub.dev/packages/provider][https_pub.dev_packages_provider]

`Flutter` 官方推荐的状态管理插件, [简单的应用状态管理][Link 1]

### flutter\_redux ###

[https://pub.dev/packages/flutter\_redux][https_pub.dev_packages_flutter_redux]

`flutter` 版的 `redux`

### pull\_to\_refresh ###

[https://pub.dev/packages/pull\_to\_refresh][https_pub.dev_packages_pull_to_refresh]

一个提供上拉加载和下拉刷新的组件,同时支持 `Android` 和 `ios`

### flutter\_staggered\_grid\_view ###

[https://pub.dev/packages/flutter\_staggered\_grid\_view][https_pub.dev_packages_flutter_staggered_grid_view]

一个支持瀑布流布局, 支持交错和可扩展的网格布局的组件

### flutter\_easyloading ###

[https://pub.dev/packages/flutter\_easyloading][https_pub.dev_packages_flutter_easyloading]

支持多种样式的toast提示组件, 支持自定义

### carousel\_slider ###

[https://pub.dev/packages/carousel\_slider][https_pub.dev_packages_carousel_slider]

轮播图组件, 支持缩放切换

### table\_calendar ###

[https://pub.dev/packages/table\_calendar][https_pub.dev_packages_table_calendar]

日历组件, 可定制性比较高, 支持语言国际化

### photo\_view ###

[https://pub.dev/packages/photo\_view][https_pub.dev_packages_photo_view]

可定制的图片查看器, 支持手势缩放, 动画展示等

### shimmer ###

[https://pub.dev/packages/shimmer][https_pub.dev_packages_shimmer]

提供闪光效果的组件, 表述不清晰, 看提供效果图

![8342d3a93bc474b76a9702d6c29d6a7b.gif][]

### cached\_network\_image ###

[https://pub.dev/packages/cached\_network\_image][https_pub.dev_packages_cached_network_image]

用来加载和缓存网络图像

### image\_picker ###

[https://pub.dev/packages/image\_picker][https_pub.dev_packages_image_picker]

用于从Android和iOS图像库中选择图像的库，支持使用相机拍摄新照片。

### image\_gallery\_saver ###

[https://pub.dev/packages/image\_gallery\_saver][https_pub.dev_packages_image_gallery_saver]

保存视频和图片到手机相册

### video\_player ###

[https://pub.dev/packages/video\_player][https_pub.dev_packages_video_player]

flutter官方推荐的视频播放组件

### permission\_handler ###

[https://pub.dev/packages/permission\_handler][https_pub.dev_packages_permission_handler]

用于Android和iOS的相关隐私权限判断

### shared\_preferences ###

[https://pub.dev/packages/shared\_preferences][https_pub.dev_packages_shared_preferences]

用于基本数据的缓存处理

### device\_info ###

[https://pub.dev/packages/device\_info][https_pub.dev_packages_device_info]

用于获取用户设备信息

### location ###

[https://pub.dev/packages/location][https_pub.dev_packages_location]

获取定位信息, 可以获取位置更改时的回调

## 值得推荐的插件 ##

### 适配相关 ###

native\_widgets

[https://pub.dev/packages/native\_widgets][https_pub.dev_packages_native_widgets]

支持自动根据平台自动使用对应风格组件，Android将使用Material风格，iOS将使用Cupertino风格

### 日期时间 ###

flutter\_picker

[https://pub.dev/packages/flutter\_picker][https_pub.dev_packages_flutter_picker]

一个日期，时间，日期时间，icon，自定义数据的选择器，可以居中弹窗，也可以在底部弹出

### MarkDown ###

markdown

[https://pub.dev/packages/markdown][https_pub.dev_packages_markdown]

用Dart编写的便携式Markdown库。它可以在客户端和服务器上将Markdown解析为HTML

### 颜色选择 ###

flutter\_colorpicker

[https://pub.dev/packages/flutter\_colorpicker][https_pub.dev_packages_flutter_colorpicker]

一个HSV(HSB)/HSL颜色选择器

### 加密算法 ###

crypto

[https://pub.dev/packages/crypto][https_pub.dev_packages_crypto]

crypto算法库支持的算法:

*  SHA-1
 *  SHA-224
 *  SHA-256
 *  SHA-384
 *  SHA-512
 *  MD5
 *  HMAC (i.e. HMAC-MD5, HMAC-SHA1, HMAC-SHA256)

pointycastle

[https://pub.dev/packages/pointycastle][https_pub.dev_packages_pointycastle]

用于加密和解密的Dart库, 实现了AES RSA 公私钥加解密等加密算法

### 解压缩 ###

archive

[https://pub.dev/packages/archive][https_pub.dev_packages_archive]

为各种存档和压缩格式提供编码器和解码器，如zip，tar，bzip2，gzip和zlib

### 数据库 ###

sqflite

[https://pub.dev/packages/sqflite][https_pub.dev_packages_sqflite]

SQLite的Flutter插件，一个自包含的高可靠性嵌入式SQL数据库引擎

### 分享统计支付 ###

[https://pub.dev/packages/share][https_pub.dev_packages_share]

支持分享的flutter插件

flutter\_umeng\_analytics

[https://pub.dev/packages/flutter\_umeng\_analytics][https_pub.dev_packages_flutter_umeng_analytics]

友盟的分享和统计库

flutter\_qq

[https://pub.dev/packages/flutter\_qq][https_pub.dev_packages_flutter_qq]

集成了QQ登录、QQ分享、QQ空间分享等功能的库

flutter\_wechat

[https://pub.dev/packages/flutter\_wechat][https_pub.dev_packages_flutter_wechat]

集成了微信，支持微信登录、分享、支付等功能的库

flutter\_alipay

[https://pub.dev/packages/flutter\_alipay][https_pub.dev_packages_flutter_alipay]

支付宝支付的功能

## 学习资料和项目 ##

推荐一些不错的学习网站和项目学习

### awesome-flutter-cn ###

[https://github.com/crazycodeboy/awesome-flutter-cn][https_github.com_crazycodeboy_awesome-flutter-cn]

一个Flutter的学习资料库, 里面提供了很多的学习资料

### flutter-go ###

[https://github.com/alibaba/flutter-go][https_github.com_alibaba_flutter-go]

由阿里巴巴前端技术团队开发的Flutter 开发者帮助 APP，包含 flutter 常用 140+ 组件的demo 演示与中文文档

### Widget整理 ###

[http://laomengit.com/flutter/widgets/widgets\_structure.html][http_laomengit.com_flutter_widgets_widgets_structure.html]

整理的330+组件的详细用法，不仅包含UI组件，还包含了功能性的组件

### Morec ###

[https://github.com/Mayandev/morec][https_github.com_Mayandev_morec]

一个非常精美的 Flutter 版电影客户端，利用豆瓣现有的 Api，打造了一个完整的电影展示 App

### flutter\_hrlweibo ###

[https://github.com/huangruiLearn/flutter\_hrlweibo][https_github.com_huangruiLearn_flutter_hrlweibo]

仿微博最新版本,还原微博80%的界面,总共涉及到了几十个界面和接口,用到了flutter中的大部分组件

### flutter-netease-music ###

[https://github.com/boyan01/flutter-netease-music][https_github.com_boyan01_flutter-netease-music]

仿网易云音乐，完成大部分功能的APP

### flutter\_shuqi ###

[https://github.com/huanxsd/flutter\_shuqi][https_github.com_huanxsd_flutter_shuqi]

一个用Flutter写的书旗小说客户端, 所有功能都是用Dart写的，iOS和Android的代码复用率达到了100%

[3ea448a38224f9eb7f3ec302d4f23163.png]: /images/20221120/0ac930b9d81b4f9ba5880ff51a96317b.png
[93a6a6a8ed7d382798ce2399ac3ec579.png]: /images/20221120/0f687fc7fdf749e09c8e26ba117615b4.png
[e7ea03cbaaaad37456453d69c97a818f.png]: /images/20221120/daae6e4718cf4ebf820a4dee0a8f6c64.png
[686d1d9db142ce500a0fe7b721a67de2.png]: /images/20221120/042864abde794e54aa84c8ff8964512f.png
[dd7c6d845c9c95215c293e2c0e3d0204.png]: /images/20221120/6cdb993ff14041b7ae813816416b5506.png
[29f36ab16f0b5fb224dd9bceb4b9fb25.png]: /images/20221120/14a2775b6aff46fcaee21d20282c7f44.png
[https_pub.dartlang.org_packages_dio]: https://pub.dartlang.org/packages/dio
[https_pub.dev_packages_provider]: https://pub.dev/packages/provider
[Link 1]: https://flutter.cn/docs/development/data-and-backend/state-mgmt/simple
[https_pub.dev_packages_flutter_redux]: https://pub.dev/packages/flutter_redux
[https_pub.dev_packages_pull_to_refresh]: https://pub.dev/packages/pull_to_refresh
[https_pub.dev_packages_flutter_staggered_grid_view]: https://pub.dev/packages/flutter_staggered_grid_view
[https_pub.dev_packages_flutter_easyloading]: https://pub.dev/packages/flutter_easyloading
[https_pub.dev_packages_carousel_slider]: https://pub.dev/packages/carousel_slider
[https_pub.dev_packages_table_calendar]: https://pub.dev/packages/table_calendar
[https_pub.dev_packages_photo_view]: https://pub.dev/packages/photo_view
[https_pub.dev_packages_shimmer]: https://pub.dev/packages/shimmer
[8342d3a93bc474b76a9702d6c29d6a7b.gif]: /images/20221120/27f52e46de1844f19448620f8a0e5f40.png
[https_pub.dev_packages_cached_network_image]: https://pub.dev/packages/cached_network_image
[https_pub.dev_packages_image_picker]: https://pub.dev/packages/image_picker
[https_pub.dev_packages_image_gallery_saver]: https://pub.dev/packages/image_gallery_saver
[https_pub.dev_packages_video_player]: https://pub.dev/packages/video_player
[https_pub.dev_packages_permission_handler]: https://pub.dev/packages/permission_handler
[https_pub.dev_packages_shared_preferences]: https://pub.dev/packages/shared_preferences
[https_pub.dev_packages_device_info]: https://pub.dev/packages/device_info
[https_pub.dev_packages_location]: https://pub.dev/packages/location
[https_pub.dev_packages_native_widgets]: https://pub.dev/packages/native_widgets
[https_pub.dev_packages_flutter_picker]: https://pub.dev/packages/flutter_picker
[https_pub.dev_packages_markdown]: https://pub.dev/packages/markdown
[https_pub.dev_packages_flutter_colorpicker]: https://pub.dev/packages/flutter_colorpicker
[https_pub.dev_packages_crypto]: https://pub.dev/packages/crypto
[https_pub.dev_packages_pointycastle]: https://pub.dev/packages/pointycastle
[https_pub.dev_packages_archive]: https://pub.dev/packages/archive
[https_pub.dev_packages_sqflite]: https://pub.dev/packages/sqflite
[https_pub.dev_packages_share]: https://pub.dev/packages/share
[https_pub.dev_packages_flutter_umeng_analytics]: https://pub.dev/packages/flutter_umeng_analytics
[https_pub.dev_packages_flutter_qq]: https://pub.dev/packages/flutter_qq
[https_pub.dev_packages_flutter_wechat]: https://pub.dev/packages/flutter_wechat
[https_pub.dev_packages_flutter_alipay]: https://pub.dev/packages/flutter_alipay
[https_github.com_crazycodeboy_awesome-flutter-cn]: https://github.com/crazycodeboy/awesome-flutter-cn
[https_github.com_alibaba_flutter-go]: https://github.com/alibaba/flutter-go
[http_laomengit.com_flutter_widgets_widgets_structure.html]: http://laomengit.com/flutter/widgets/widgets_structure.html
[https_github.com_Mayandev_morec]: https://github.com/Mayandev/morec
[https_github.com_huangruiLearn_flutter_hrlweibo]: https://github.com/huangruiLearn/flutter_hrlweibo
[https_github.com_boyan01_flutter-netease-music]: https://github.com/boyan01/flutter-netease-music
[https_github.com_huanxsd_flutter_shuqi]: https://github.com/huanxsd/flutter_shuqi