- 這段時間內一直學習
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)的展示導航欄的顯示和隱藏
日歷模塊
展示日歷的記錄, 每日記錄生成圖片和保存圖片
發(fā)現
類似朋友圈的內容展示, 圖片瀏覽和保存圖片
動態(tài)詳情模塊, 動態(tài)的評論和刪除評論
多語言國際化
部分頁面適配了韓語和英語
顏色主題和暗黑模式
部分頁面支持手動的修改項目主題色, 黑色主題(暗黑模式)適配
用到的插件
dio
Dart社區(qū)提供的http請求庫,不僅支持常見的網絡請求,還支持Restful API、FormData、攔截器、請求取消、Cookie管理、文件上傳/下載、超時等操作
provider
Flutter
官方推薦的狀態(tài)管理插件, 簡單的應用狀態(tài)管理
flutter_redux
flutter
版的redux
pull_to_refresh
一個提供上拉加載和下拉刷新的組件,同時支持Android
和ios
flutter_staggered_grid_view
一個支持瀑布流布局, 支持交錯和可擴展的網格布局的組件
flutter_easyloading
支持多種樣式的toast提示組件, 支持自定義
carousel_slider
輪播圖組件, 支持縮放切換
table_calendar
日歷組件, 可定制性比較高, 支持語言國際化
photo_view
可定制的圖片查看器, 支持手勢縮放, 動畫展示等
shimmer
提供閃光效果的組件, 表述不清晰, 看提供效果圖
[圖片上傳失敗...(image-4b2e80-1605874309383)]
cached_network_image
用來加載和緩存網絡圖像
image_picker
用于從Android和iOS圖像庫中選擇圖像的庫,支持使用相機拍攝新照片。
image_gallery_saver
保存視頻和圖片到手機相冊
video_player
flutter官方推薦的視頻播放組件
permission_handler
用于Android和iOS的相關隱私權限判斷
shared_preferences
用于基本數據的緩存處理
device_info
用于獲取用戶設備信息
location
獲取定位信息, 可以獲取位置更改時的回調
值得推薦的插件
適配相關
native_widgets
支持自動根據平臺自動使用對應風格組件,Android將使用Material風格,iOS將使用Cupertino風格
日期時間
flutter_picker
一個日期,時間,日期時間,icon,自定義數據的選擇器,可以居中彈窗,也可以在底部彈出
MarkDown
markdown
用Dart編寫的便攜式Markdown庫。它可以在客戶端和服務器上將Markdown解析為HTML
顏色選擇
flutter_colorpicker
一個HSV(HSB)/HSL顏色選擇器
加密算法
crypto
crypto算法庫支持的算法:
- SHA-1
- SHA-224
- SHA-256
- SHA-384
- SHA-512
- MD5
- HMAC (i.e. HMAC-MD5, HMAC-SHA1, HMAC-SHA256)
pointycastle
用于加密和解密的Dart庫, 實現了AES RSA 公私鑰加解密等加密算法
解壓縮
archive
為各種存檔和壓縮格式提供編碼器和解碼器,如zip,tar,bzip2,gzip和zlib
數據庫
sqflite
SQLite的Flutter插件,一個自包含的高可靠性嵌入式SQL數據庫引擎
分享統計支付
share
支持分享的flutter插件
flutter_umeng_analytics
友盟的分享和統計庫
flutter_qq
集成了QQ登錄、QQ分享、QQ空間分享等功能的庫
flutter_wechat
集成了微信,支持微信登錄、分享、支付等功能的庫
flutter_alipay
支付寶支付的功能
學習資料和項目
推薦一些不錯的學習網站和項目學習
awesome-flutter-cn
一個Flutter的學習資料庫, 里面提供了很多的學習資料
flutter-go
由阿里巴巴前端技術團隊開發(fā)的Flutter 開發(fā)者幫助 APP,包含 flutter 常用 140+ 組件的demo 演示與中文文檔
Widget整理
整理的330+組件的詳細用法,不僅包含UI組件,還包含了功能性的組件
Morec
一個非常精美的 Flutter 版電影客戶端,利用豆瓣現有的 Api,打造了一個完整的電影展示 App
flutter_hrlweibo
仿微博最新版本,還原微博80%的界面,總共涉及到了幾十個界面和接口,用到了flutter中的大部分組件
flutter-netease-music
仿網易云音樂,完成大部分功能的APP
flutter_shuqi
一個用Flutter寫的書旗小說客戶端, 所有功能都是用Dart寫的,iOS和Android的代碼復用率達到了100%
gsy_github_app_flutter
一款跨平臺的開源Github客戶端App,項目涉及各種常用控件、網絡、數據庫、設計模式、主題切換、多語言、Redux等