Flutter 必備開源項目推薦

  • 這段時間內一直學習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

部分界面展現

首頁

動態的展現導航欄的顯示和隱藏前端

image

日曆模塊

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

image

發現

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

image

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

image

多語言國際化

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

image

顏色主題和暗黑模式

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

image

用到的插件

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…

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

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…

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

image image

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等

相關文章
相關標籤/搜索