- 這段時間內一直學習
Flutter
, 自行設計完成了一個實戰項目mahua_pet
- 項目中用到了
flutter
中的大部分的組件, 界面也涉及了不少功能(可能不少地方還有待完善)
- 項目目前也仍是處在開發待完成階段, 主要內容差很少已經完成
- 下面是一些UI界面展現, 後面推見一些比較好的開源項目
- 驗證碼登陸和密碼登陸均可以登陸, 帳號: 123 密碼: 123
- GitHub項目地址 , 我的博客地址
項目版本信息
項目下載完成以後, 請先執行flutter pub get
命令html
2020-04-10
- 項目代碼和相關插件已經更新
- Flutter 2.0.0 • channel stable
- Engine • revision 40441def69
- Tools • Dart 2.12.0
部分界面展現
首頁
動態的展現導航欄的顯示和隱藏前端

日曆模塊
展現日曆的記錄, 每日記錄生成圖片和保存圖片ios

發現
相似朋友圈的內容展現, 圖片瀏覽和保存圖片git

動態詳情模塊, 動態的評論和刪除評論github

多語言國際化
部分頁面適配了韓語和英語算法

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

用到的插件
dio
pub.dartlang.org/packages/di…redux
Dart社區提供的http請求庫,不只支持常見的網絡請求,還支持Restful API、FormData、攔截器、請求取消、Cookie管理、文件上傳/下載、超時等操做設計模式
provider
pub.dev/packages/pr…緩存
Flutter
官方推薦的狀態管理插件, 簡單的應用狀態管理
flutter_redux
pub.dev/packages/fl…
flutter
版的redux
pull_to_refresh
pub.dev/packages/pu…
一個提供上拉加載和下拉刷新的組件,同時支持Android
和ios
flutter_staggered_grid_view
pub.dev/packages/fl…
一個支持瀑布流佈局, 支持交錯和可擴展的網格佈局的組件
flutter_easyloading
pub.dev/packages/fl…
支持多種樣式的toast提示組件, 支持自定義
carousel_slider
pub.dev/packages/ca…
輪播圖組件, 支持縮放切換
table_calendar
pub.dev/packages/ta…
日曆組件, 可定製性比較高, 支持語言國際化
photo_view
pub.dev/packages/ph…
可定製的圖片查看器, 支持手勢縮放, 動畫展現等
shimmer
pub.dev/packages/sh…
提供閃光效果的組件, 表述不清晰, 看提供效果圖

cached_network_image
pub.dev/packages/ca…
用來加載和緩存網絡圖像
image_picker
pub.dev/packages/im…
用於從Android和iOS圖像庫中選擇圖像的庫,支持使用相機拍攝新照片。
image_gallery_saver
pub.dev/packages/im…
保存視頻和圖片到手機相冊
video_player
pub.dev/packages/vi…
flutter官方推薦的視頻播放組件
permission_handler
pub.dev/packages/pe…
用於Android和iOS的相關隱私權限判斷
shared_preferences
pub.dev/packages/sh…
用於基本數據的緩存處理
device_info
pub.dev/packages/de…
用於獲取用戶設備信息
location
pub.dev/packages/lo…
獲取定位信息, 能夠獲取位置更改時的回調
值得推薦的插件
適配相關
native_widgets
pub.dev/packages/na…
支持自動根據平臺自動使用對應風格組件,Android將使用Material風格,iOS將使用Cupertino風格
日期時間
flutter_picker
pub.dev/packages/fl…
一個日期,時間,日期時間,icon,自定義數據的選擇器,能夠居中彈窗,也能夠在底部彈出
MarkDown
markdown
pub.dev/packages/ma…
用Dart編寫的便攜式Markdown庫。它能夠在客戶端和服務器上將Markdown解析爲HTML
顏色選擇
flutter_colorpicker
pub.dev/packages/fl…
一個HSV(HSB)/HSL顏色選擇器
加密算法
crypto
pub.dev/packages/cr…
crypto算法庫支持的算法:
- SHA-1
- SHA-224
- SHA-256
- SHA-384
- SHA-512
- MD5
- HMAC (i.e. HMAC-MD5, HMAC-SHA1, HMAC-SHA256)
pointycastle
pub.dev/packages/po…
用於加密和解密的Dart庫, 實現了AES RSA 公私鑰加解密等加密算法
解壓縮
archive
pub.dev/packages/ar…
爲各類存檔和壓縮格式提供編碼器和解碼器,如zip,tar,bzip2,gzip和zlib
數據庫
sqflite
pub.dev/packages/sq…
SQLite的Flutter插件,一個自包含的高可靠性嵌入式SQL數據庫引擎
分享統計支付
share
pub.dev/packages/sh…
支持分享的flutter插件
flutter_umeng_analytics
pub.dev/packages/fl…
友盟的分享和統計庫
flutter_qq
pub.dev/packages/fl…
集成了QQ登陸、QQ分享、QQ空間分享等功能的庫
flutter_wechat
pub.dev/packages/fl…
集成了微信,支持微信登陸、分享、支付等功能的庫
flutter_alipay
pub.dev/packages/fl…
支付寶支付的功能
學習資料和項目
推薦一些不錯的學習網站和項目學習
awesome-flutter-cn
github.com/crazycodebo…
一個Flutter的學習資料庫, 裏面提供了不少的學習資料
flutter-go
github.com/alibaba/flu…
由阿里巴巴前端技術團隊開發的Flutter 開發者幫助 APP,包含 flutter 經常使用 140+ 組件的demo 演示與中文文檔
Widget整理
laomengit.com/flutter/wid…
整理的330+組件的詳細用法,不只包含UI組件,還包含了功能性的組件
Morec
github.com/Mayandev/mo…
一個很是精美的 Flutter 版電影客戶端,利用豆瓣現有的 Api,打造了一個完整的電影展現 App
flutter_hrlweibo
github.com/huangruiLea…
仿微博最新版本,還原微博80%的界面,總共涉及到了幾十個界面和接口,用到了flutter中的大部分組件
flutter-netease-music
github.com/boyan01/flu…
仿網易雲音樂,完成大部分功能的APP
flutter_shuqi
github.com/huanxsd/flu…
一個用Flutter寫的書旗小說客戶端, 全部功能都是用Dart寫的,iOS和Android的代碼複用率達到了100%
gsy_github_app_flutter
github.com/CarGuo/GSYG…
一款跨平臺的開源Github客戶端App,項目涉及各類經常使用控件、網絡、數據庫、設計模式、主題切換、多語言、Redux等