從零學習flutter(八):Flutter百星開源專案大集合

鳥窩發表於2018-12-12

Flutter_Good_Pro_List

Flutter_好的優秀的_專案_集合

這個專案的初衷就是羅列網上的關於Flutter的開源專案以此來幫助幫助大家快速提升

專案會持續保持跟新,同時希望大家把自己覺得不錯的專案,PR到該項中,或者直接Issue

學無先後,達者為師 => Flutter Go!

文件持續跟新,持續淘汰不合格的專案,最終目的,本專案只收錄百星專案

qq交流群 付費 可加

qq交流群 付費 可加

目錄索引結構大致如下

  • |--Root
    • |-- Flutter專案
    • |-- 純dart包
    • |-- 外掛包
    • |-- 優秀blog/簡書/掘金...推薦

從零學習flutter(八):Flutter百星開源專案大集合

Flutter 專案

flutter_boss_v1.0

GitHub地址 flutter_boss_v1

該專案是基於網上大佬9個月前公佈的仿boss直聘app進行的v1.0版本的重構

,原專案版本過舊,新專案重構後,可以完美執行

從零學習flutter(八):Flutter百星開源專案大集合

flutter_study

githubaddress flutter_study

啥也不多說,這位大佬號稱三天學會flutter開發

flutter_study

PullToRefresh

githubaddress

本功能只實現基本的上下拉重新整理,可在這個基礎上進行改進、優化、封裝,

如果只是使用,可在build方法中修改ListView控制元件和List陣列的泛型,已經相容IOS,已經支援對下拉和上拉的分別控制

githubaddress

模仿的京東潮男模組的廣告滑動切換,本人做的比較粗糙,大家可以在此基礎上改進,

比如滯後滑動,底層圖片縮小等,由於沒有進行螢幕適配,所以可能不同的手機會顯示很醜,這是由於我在設計圖片之間的Magin是用螢幕寬度減去兩邊距螢幕的寬度,再除以3計算的,大家可以根據需要去設定圖片之間的Magin,最好固定值

githubaddress

採用ListView繪製,將ListView設定為不可

手動滑動,然後啟動Timer來回拖動,造成跑馬燈的錯覺

githubaddress

flutter_easyrefresh

github base flutter_easyrefresh

這個專案文件比較工整,看來作者想好好玩一下

正如名字一樣,EasyreFresh很容易就能在Flutter應用上實現下拉重新整理以及上拉載入操作,它支援幾乎所有的Flutter控制元件,但前提是需要包裹成ScrollView。它的功能與Android的SmartRefreshLayout很相似,同樣也吸取了很多三方庫的優點。EasyreFresh中整合了多種風格的Header和Footer,但是它並沒有侷限性,你可以很輕鬆的自定義。使用Flutter強大的動畫,甚至隨便一個簡單的控制元件也可以完成。EasyreFresh的目標是為Flutter打造一個強大,穩定,成熟的下拉重新整理框架

支援Andorid(光暈),ios(越界回彈)效果 支援任意的ScrollView控制元件,如果不是進行簡單封裝即可(所以理論是所有控制元件) 支援自定義並且已經整合了很多炫酷的 Header 和 Footer 支援下拉重新整理、上拉載入(可自動) 支援 Header 和 Footer 列表嵌入以及檢視浮動兩種形式

flutter_easyrefresh

cool_ui

github base cool_ui

吐槽,作者給這套東西起名叫cool ui,那是不是很酷呢?

用flutter實現一些我認為好看的UI控制元件希望大家提一些覺得不錯的控制元件,我自己一個人想有時候想到的比較有限

仿iOS的UIPopover效果的 用於彈窗的按鈕

![CupertinoPopoverButton] (github.com/TopGuo/cool…)

仿Weui的Toast效果

仿Weui的Toast效果

自定義鍵盤使用方法快速入門

自定義鍵盤使用方法快速入門

flutter_news

GitHub地址 flutter_news

新聞應用程式開發用於實踐,學習和測試Flutter框架的潛力。

News application developed for practice, learning and testing the potential of this powerful Framework.

從零學習flutter(八):Flutter百星開源專案大集合

flutter_layout

GitHub地址 flutter_layout

Page view SliverPersistentHeader Row,Column,CrossAxisAlignment InkWell

ListView SliverGrid Stack Shadow CustomScrollView SliverFixedExtentList,SliverList Expanded,Padding Image.asset Nested ListView SliverFillViewport SizedBox GridView -- Center

從零學習flutter(八):Flutter百星開源專案大集合

純dart件包

common_utils

github 地址 common_utils

推薦語:有人為我們開源出一些常用類庫省的我們自己造輪子,且行切珍惜,如果有需要的地方,包裡沒有, 可以pr,讓大家一起來維護

Dart常用工具類庫 common_utils

1、TimelineUtil : 時間軸.(新) 2、TimerUtil : 倒數計時,定時任務.(新) 3、MoneyUtil : 精確轉換,元轉分,分轉元,支援格式輸出.(新) 4、LogUtil : 簡單封裝列印日誌.(新) 5、DateUtil : 日期轉換格式化輸出. 6、RegexUtil : 正則驗證手機號,身份證,郵箱等等. 7、NumUtil : 保留x位小數, 精確加、減、乘、除, 防止精度丟失. 8、ObjectUtil : 判斷物件是否為空(String List Map),判斷兩個List是否相等.

flustars

githubadress flustars

該庫的原始碼我沒有詳細看,只是做啟動頁的時候用到了SpUtil 在這裡也給大家推薦

ScreenUtil不依賴context獲取螢幕資料,新增MyAppBar,不需要GlobalKey就能openDrawer

1、SpUtil : SharedPreferences 工具類. 2、ScreenUtil : 獲取螢幕寬、高、密度,AppBar高,狀態列高度,螢幕方向. 3、WidgetUtil : 獲取Widget寬高,在螢幕上的座標.

lpinyin

GitHubadress lpinyin

lpinyin是一個漢字轉拼音的Dart package.

①準確、完善的字型檔 ②拼音轉換速度快 ③支援多種拼音輸出格式:帶音標、不帶音標、數字表示音標以及拼音首字母輸出格式 ④支援常見多音字的識別,其中包括片語、成語、地名等 ⑤簡繁體中文轉換 ⑥支援新增使用者自定義字典

flukit

githubadress flukit

這裡我只是將其中的swiper原始碼抽出來放到專案裡

flukit (Flutter UI Kit)是一個Flutter Widget庫。

注意: 本專案正在開發中,目前沒有穩定版,我們暫時不建議您在生產中使用,歡迎大家貢獻程式碼。

外掛包

優秀blog/簡書/掘金...推薦

flutter-study

github 地址 flutter-study

Flutter - 不一樣的跨平臺解決方案

Flutter Plugin開發流程 Flutter 佈局詳解 現有專案中整合Flutter Flutter 佈局(一)- Container詳解 Flutter 佈局(二)- Padding、Align、Center詳解 Flutter 佈局(三)- FittedBox、AspectRatio、ConstrainedBox詳解 Flutter 佈局(四)- Baseline、FractionallySizedBox、IntrinsicHeight、IntrinsicWidth詳解 Flutter 佈局(五)- LimitedBox、Offstage、OverflowBox、SizedBox詳解 Flutter 佈局(六)- SizedOverflowBox、Transform、CustomSingleChildLayout詳解 Flutter 佈局(七)- Row、Column詳解 Flutter 佈局(八)- Stack、IndexedStack、GridView詳解 Flutter 佈局(九)- Flow、Table、Wrap詳解 Flutter 佈局(十)- ListBody、ListView、CustomMultiChildLayout詳解 Flutter 佈局控制元件完結篇 Flutter 動畫詳解(一) Flutter 動畫詳解(二)

Sky24n

簡書地址 簡書地址

一個完整的Flutter APP專案

Flutter 啟動頁+閃屏廣告頁+引導頁
Flutter 圓形/圓角頭像 Dart    常用工具類庫common_utils
Flutter 漢字轉拼音庫lpinyin Flutter 城市列表 索引&懸停 Flutter 時間軸工具類TimelineUtil Flutter 國際化/多語言庫 fluintl Flutter 單例"同步"SharedPreferences工具類 SpUtil Flutter 常用工具類庫flustars

相關文章