Flutter 必備開源項目推薦

  • 這段時間內一直學習Flutter, 自行設計完成了一個實戰(zhàn)項目mahua_pet
  • 項目中用到了flutter中的大部分的組件, 界面也涉及了很多功能(可能很多地方還有待完善)
  • 項目目前也還是處在開發(fā)待完成階段, 主要內容差不多已經完成
  • 下面是一些UI界面展示, 后面推見一些比較好的開源項目
  • 驗證碼登錄和密碼登錄都可以登錄, 賬號: 123 密碼: 123
  • GitHub項目地址, 個人博客地址

項目版本信息

項目下載完成之后, 請先執(zhí)行flutter pub get命令

2020-04-10

  • 項目代碼和相關插件已經更新
  • Flutter 2.0.0 ? channel stable
  • Engine ? revision 40441def69
  • Tools ? Dart 2.12.0

部分界面展示

首頁

動態(tài)的展示導航欄的顯示和隱藏

image

日歷模塊

展示日歷的記錄, 每日記錄生成圖片和保存圖片

image

發(fā)現

類似朋友圈的內容展示, 圖片瀏覽和保存圖片

image

動態(tài)詳情模塊, 動態(tài)的評論和刪除評論

image

多語言國際化

部分頁面適配了韓語和英語

image

顏色主題和暗黑模式

部分頁面支持手動的修改項目主題色, 黑色主題(暗黑模式)適配

image

用到的插件

dio

https://pub.dartlang.org/packages/dio

Dart社區(qū)提供的http請求庫,不僅支持常見的網絡請求,還支持Restful API、FormData、攔截器、請求取消、Cookie管理、文件上傳/下載、超時等操作

provider

https://pub.dev/packages/provider

Flutter官方推薦的狀態(tài)管理插件, 簡單的應用狀態(tài)管理

flutter_redux

https://pub.dev/packages/flutter_redux

flutter版的redux

pull_to_refresh

https://pub.dev/packages/pull_to_refresh

一個提供上拉加載和下拉刷新的組件,同時支持Androidios

flutter_staggered_grid_view

https://pub.dev/packages/flutter_staggered_grid_view

一個支持瀑布流布局, 支持交錯和可擴展的網格布局的組件

flutter_easyloading

https://pub.dev/packages/flutter_easyloading

支持多種樣式的toast提示組件, 支持自定義

carousel_slider

https://pub.dev/packages/carousel_slider

輪播圖組件, 支持縮放切換

table_calendar

https://pub.dev/packages/table_calendar

日歷組件, 可定制性比較高, 支持語言國際化

photo_view

https://pub.dev/packages/photo_view

可定制的圖片查看器, 支持手勢縮放, 動畫展示等

shimmer

https://pub.dev/packages/shimmer

提供閃光效果的組件, 表述不清晰, 看提供效果圖

[圖片上傳失敗...(image-4b2e80-1605874309383)]

cached_network_image

https://pub.dev/packages/cached_network_image

用來加載和緩存網絡圖像

image_picker

https://pub.dev/packages/image_picker

用于從Android和iOS圖像庫中選擇圖像的庫,支持使用相機拍攝新照片。

image_gallery_saver

https://pub.dev/packages/image_gallery_saver

保存視頻和圖片到手機相冊

video_player

https://pub.dev/packages/video_player

flutter官方推薦的視頻播放組件

permission_handler

https://pub.dev/packages/permission_handler

用于Android和iOS的相關隱私權限判斷

shared_preferences

https://pub.dev/packages/shared_preferences

用于基本數據的緩存處理

device_info

https://pub.dev/packages/device_info

用于獲取用戶設備信息

location

https://pub.dev/packages/location

獲取定位信息, 可以獲取位置更改時的回調

值得推薦的插件

適配相關

native_widgets

https://pub.dev/packages/native_widgets

支持自動根據平臺自動使用對應風格組件,Android將使用Material風格,iOS將使用Cupertino風格

日期時間

flutter_picker

https://pub.dev/packages/flutter_picker

一個日期,時間,日期時間,icon,自定義數據的選擇器,可以居中彈窗,也可以在底部彈出

MarkDown

markdown

https://pub.dev/packages/markdown

用Dart編寫的便攜式Markdown庫。它可以在客戶端和服務器上將Markdown解析為HTML

顏色選擇

flutter_colorpicker

https://pub.dev/packages/flutter_colorpicker

一個HSV(HSB)/HSL顏色選擇器

加密算法

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

用于加密和解密的Dart庫, 實現了AES RSA 公私鑰加解密等加密算法

解壓縮

archive

https://pub.dev/packages/archive

為各種存檔和壓縮格式提供編碼器和解碼器,如zip,tar,bzip2,gzip和zlib

數據庫

sqflite

https://pub.dev/packages/sqflite

SQLite的Flutter插件,一個自包含的高可靠性嵌入式SQL數據庫引擎

分享統計支付

share

https://pub.dev/packages/share

支持分享的flutter插件

flutter_umeng_analytics

https://pub.dev/packages/flutter_umeng_analytics

友盟的分享和統計庫

flutter_qq

https://pub.dev/packages/flutter_qq

集成了QQ登錄、QQ分享、QQ空間分享等功能的庫

flutter_wechat

https://pub.dev/packages/flutter_wechat

集成了微信,支持微信登錄、分享、支付等功能的庫

flutter_alipay

https://pub.dev/packages/flutter_alipay

支付寶支付的功能

學習資料和項目

推薦一些不錯的學習網站和項目學習

awesome-flutter-cn

https://github.com/crazycodeboy/awesome-flutter-cn

一個Flutter的學習資料庫, 里面提供了很多的學習資料

flutter-go

https://github.com/alibaba/flutter-go

由阿里巴巴前端技術團隊開發(fā)的Flutter 開發(fā)者幫助 APP,包含 flutter 常用 140+ 組件的demo 演示與中文文檔

Widget整理

http://laomengit.com/flutter/widgets/widgets_structure.html

整理的330+組件的詳細用法,不僅包含UI組件,還包含了功能性的組件

Morec

https://github.com/Mayandev/morec

一個非常精美的 Flutter 版電影客戶端,利用豆瓣現有的 Api,打造了一個完整的電影展示 App

flutter_hrlweibo

https://github.com/huangruiLearn/flutter_hrlweibo

仿微博最新版本,還原微博80%的界面,總共涉及到了幾十個界面和接口,用到了flutter中的大部分組件

flutter-netease-music

https://github.com/boyan01/flutter-netease-music

仿網易云音樂,完成大部分功能的APP

flutter_shuqi

https://github.com/huanxsd/flutter_shuqi

一個用Flutter寫的書旗小說客戶端, 所有功能都是用Dart寫的,iOS和Android的代碼復用率達到了100%

gsy_github_app_flutter

https://github.com/CarGuo/GSYGithubAPP

一款跨平臺的開源Github客戶端App,項目涉及各種常用控件、網絡、數據庫、設計模式、主題切換、多語言、Redux等


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容