【 FlutterUnit 食用指南】 開源篇

張風捷特烈發表於2020-04-14

零、前言

FlutterUnit終於和大家見面了,這將是【張風捷特烈】長期維護的一個專案
歡迎star : github.com/toly1994328…
可以在github 倉庫裡下載apk體驗 :


一、元件的展示頁面

1. 200+元件收錄

Flutter原始碼中的可用的元件一共350個左右,紛繁複雜,也沒有明確的分類標準
FlutterUnit 對大大小小,常用不常用的元件能收的儘量收錄。並根據個人感覺進行評星
目前收錄元件207個,每個都有至少一個演示展現和程式碼展示。

. . .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

2. 元件詳情頁

207個元件全部都有詳情頁。對於重要的元件會詳細展現
一般都會有某個演示對應的元件和屬性,儘量做到細緻,如果有需要補充,歡迎聯絡我。
最重要的是: 所有的演示展現都是Flutter的元件形成的,而非圖片,這就意味著可操作性更高。

. . .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

3. 元件的可操作性

對一些操作互動的元件或有可操作性的某些元件,提供操作演示

. . .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

4. 相關元件的關聯切換

相關元件通過link to 可以進行切換, 滿足你的探索欲。
如果有的關聯未加入,歡迎聯絡我,對我來說,加個數字就行了。

【 FlutterUnit 食用指南】 開源篇

. . .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

5. 程式碼的檢視和分享

激動人心的是,你可以通過右側的圖示展開/隱藏 實現下面效果的程式碼
並且支援分享,如果你想親自體驗,so,easy ! 而且程式碼高亮樣式可以自定義

. . .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

二、全域性配置

1. 顏色主題

只提供八種顏色,可在右滑選單頁我的主題配置,可以擴充

. . .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

2.字型配置

支援全域性字型設定,可以擴充

. . .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

3.item樣式設定

支援item樣式設定,可以擴充,支援徵集,詳見Flutter Unit 1.0 徵集方案

. . .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

4.程式碼皮膚風格設定

支援程式碼風格設定,可以擴充,支援徵集,詳見Flutter Unit 1.0 徵集方案

. .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

三、搜尋與收藏功能

1.搜尋功能

由於Flutter中Widget比較雜亂,不太好分類,所以搜尋是非常重要的
另外可以根據星級進行過濾,支援多選。目前正在考慮根據功能分類,之後會有所完善。

. . .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

2.蒐藏功能

蒐藏頁做得比較簡陋,後面打算做收藏夾,可以自己建立的那種。

. . .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

FlutterUnit 1.0目前基本就是這麼多功能,可以在Github中下載打包後的apk玩玩
希望能對你的Flutter學習有所幫助。


3.關於我與專案

不多說,都在圖裡。

. . .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

四、FlutterUnit 2.0 展望

後面將是一些集錄,需要更多的Flutter愛好者參與,計劃方案將陸續釋出。

. .
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇
【 FlutterUnit 食用指南】 開源篇

尾聲

歡迎Star和關注FlutterUnit 的發展,讓我們一起攜手,成為Unit一員。
另外本人有一個Flutter微信交流群,歡迎小夥伴加入,共同探討Flutter的問題,期待與你的交流與切磋。

@張風捷特烈 2019.04.04 未允禁轉
我的公眾號:程式設計之王
聯絡我--郵箱:1981462002@qq.com --微信:zdl1994328
~ END ~


最後, Flutter Widget 圖鑑 奉上

目前只畫了十張,大概100多個元件,過過眼也好。後面有時間會更新。
原圖資源也放在 FlutterUnit 中 : 如發現錯誤歡迎聯絡我及時改正。

【 FlutterUnit 食用指南】 開源篇

【 FlutterUnit 食用指南】 開源篇

【 FlutterUnit 食用指南】 開源篇

【 FlutterUnit 食用指南】 開源篇

【 FlutterUnit 食用指南】 開源篇

【 FlutterUnit 食用指南】 開源篇

【 FlutterUnit 食用指南】 開源篇

【 FlutterUnit 食用指南】 開源篇

【 FlutterUnit 食用指南】 開源篇

【 FlutterUnit 食用指南】 開源篇


相關文章