Flutter 不可錯過的學習資源

老孟導讀：今天給大家分享一下我在學習Flutter的過程中整理的資料，這些文章或者開源項目都是精挑細選的，希望可以幫助到到家。另外相關資料會在Github一直更新，歡迎大家fork，如果喜歡的話給個小星星，非常感謝，Github 地址：https://github.com/781238222/flutter-do

Flutter 控件

1. Google官方控件視頻，每週更新一集：https://www.youtube.com/watch?v=b_sQ9bMltGU&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG

2. 超過170多個控件的詳細介紹：http://laomengit.com/

Flutter 動畫

動畫相關文章

1. 25種動畫組件超全總結：http://laomengit.com/flutter/module/animated_1/
2. 組合動畫:http://laomengit.com/flutter/module/animation_combined
3. Google工程師帶你選擇Flutter動畫控件:http://laomengit.com/flutter/module/animated_choose

帶動畫效果的PageView

• Travel Cards

• Mindfullness Gooey Transition

• page-transformer

• transformer_page_view

• smooth_page_indicator

帶動畫效果的底部導航

• Fluid Button Bar

• Icon Flip Button Bar

• fancy_bottom_navigation

• circular_bottom_navigation

• bottom_navy_bar

• titled_navigation_bar

Flutter 完整項目及功能性項目

1. Flutter Fly（展翅高飛）：https://github.com/781238222/flutter-do/tree/master/flutter_fly

2. Flutter App升級功能：https://github.com/781238222/flutter-do/tree/master/flutter_upgrade

3. FlutterExampleApps 收集了大量youtube視頻：https://github.com/iampawan/FlutterExampleApps

4. flutter-go，不解釋，或許這是你最早接觸的Flutter資源：https://github.com/alibaba/flutter-go

5. FlutterScreens,漂亮的UI庫，學習階段建議不要使用https://github.com/samarthagarwal/FlutterScreens

6. Flutter豆瓣客戶端，完成度比較高的項目：https://github.com/kaina404/FlutterDouBan

7. MVC模式的項目結構：https://github.com/brianegan/flutter_architecture_samples

8. 開源Github客戶端：https://github.com/CarGuo/gsy_github_app_flutter

9. HistoryOfEverything,非常酷炫的項目：https://github.com/2d-inc/HistoryOfEverything

10. WanAndroid客戶端：https://github.com/Sky24n/flutter_wanandroid

11. Best-Flutter-UI-Templates，非常漂亮的一個App：https://github.com/mitesh77/Best-Flutter-UI-Templates

12. flutter_deer:https://github.com/simplezhli/flutter_deer

13. FlutterFoodybite:https://github.com/JideGuru/FlutterFoodybite

14. 開源中國客戶端:https://github.com/yubo725/flutter-osc

15. Flutter 高仿知乎 UI:https://github.com/xujiyou/zhihu-flutter

16. 高仿書旗小說 Flutter版:https://github.com/huanxsd/flutter_shuqi

17. flutter 下拉刷新：https://github.com/xuelongqy/flutter_easyrefresh

18. 仿網易雲音樂:https://github.com/boyan01/flutter-netease-music

19. 玩Android客戶端:https://github.com/phoenixsky/fun_android_flutter

20. Flutter淘寶App:https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter

21. 交錯GridView（可以實現瀑布流）：https://github.com/letsar/flutter_staggered_grid_view

22. 渲染Markdown：https://github.com/flutter/flutter_markdown

23. 圖表： https://github.com/imaNNeoFighT/fl_chart

24. 城市列表，聯繫人列表，索引&懸停:https://github.com/flutterchina/azlistview

Flutter 相關網站及博客

1. Flutter 官方網站（英文）：https://flutter.dev/
2. Flutter 官方網站（中文）：https://flutter-io.cn/

相關文章

1. 全網最全 Flutter 與 React Native 深入對比分析：https://www.jianshu.com/p/da80214720eb

2. 致Flutter初學者的一封信：http://laomengit.com/

3. Flutter學習路線：http://laomengit.com/flutter/roadmap/

4. Flutter 開發踩坑記錄（乾貨總結）:https://juejin.im/post/5e58ceadf265da575918dd14

5. 帶有Flutter的粒子動畫: https://juejin.im/post/5e1d5b9b6fb9a03013306588

6. Flutter中的花式背景動畫: https://juejin.im/post/5e1c38c96fb9a02fee1ed09e

7. 【Flutter高級玩法-shape】Path在手，天下我有:https://juejin.im/post/5e6196066fb9a07c8b5bbdf5

8. Flutter完整開發實戰詳解(二十一、 Flutter 畫面渲染的全面解析):https://juejin.im/post/5e7c8419e51d455c706ca00d

9. 【Flutter脫髮錄】也來實現一下滅霸效果: https://juejin.im/post/5e7f5be55188257396515dbc

10. Flutter：圖像的爆炸動畫 https://juejin.im/post/5e3c17876fb9a07cab3a87fe

11. 你知道嗎，Flutter內置了10多種show:https://juejin.im/post/5e7362f76fb9a07c9855105b

12. 一個高自由度的Flutter 視頻播放器: https://juejin.im/post/5e1da0a55188254dfc6abde4

13. 字節跳動爲什麼選用Flutter：並非跨平臺終極之選，但它可能是不一樣的未來: https://juejin.im/post/5e81e37f6fb9a03c7e200370

    交流

如果你對Flutter還有疑問或者技術方面的疑惑，歡迎加入Flutter交流羣（微信：laomengit）。

同時也歡迎關注我的Flutter公衆號【老孟程序員】，公衆號首發Flutter的相關內容。

Flutter地址：http://laomengit.com 裏面包含160多個組件的詳細用法。