為大家學習Flutter,阿里操碎了心

作者:鴻洋
公眾號:鴻洋

國內在實踐Flutter以及對外分享方面,閒魚可以說一直位於前列,不斷輸出了非常多的實踐類文章,例如大家可以在羽雀的網站看到他們對外的Flutter技術文章:

https://www.yuque.com/xytech/flutter


為大家學習Flutter,阿里操碎了心


此外,最近在逛github時,又發現了一個非常良心的項目,然後我就順手裝了一下apk。

可以說真的為大家學習Flutter操碎了心:

https://github.com/alibaba/flutter-go

打開app的介紹:

由“阿里拍賣”前端團隊幾位Flutter粉絲,用業餘時間開發的一款,用於Flutter教學幫助的App,這裡沒有高大尚的概念,只有一個一個親身經歷的嘗試,用最直觀的方式展示Flutter官方Demo.

大家都瞭解,學習Flutter一方面是新增Widget非常多,看幾篇入門例子,可以牽扯出幾十個沒見過的Widget:


為大家學習Flutter,阿里操碎了心


就像這樣,這是我在看入門的幾篇文章時,簡單畫的UML圖,把一些陌生的類都標識出來。

每個Widget所支持的屬性都想搞明白還是比較費力的,剛好這個開源項目,就包含這樣一個特點:

  • 詳解常用的Widget多大140+個
  • 持續迭代追新官方版本(我說這幾位大哥,你們可別離職了...)
  • 配套Demo詳解Widget用法
  • 一站式搞定所有常用的Widget


切換到組件Tab,就可以看到Widget的大類了:


為大家學習Flutter,阿里操碎了心


為大家學習Flutter,阿里操碎了心



例如,我想看看Flutter的Tab說明與用法:


為大家學習Flutter,阿里操碎了心


下面展示的不是圖,而是真正的組件用法,是可以交互的,也就是說,你可以在開源項目中找到其源碼示例。

例如,如果大家運行過Flutter的第一個demo,那麼一定知道Scaffold這個類,這個類中屬性可不少:


為大家學習Flutter,阿里操碎了心



好了,還有一個非常讚的功能:

就是業界出現過非常多的Flutter的教程,例如我的老朋友張風捷特烈就寫過一個系列,這個app還收集了大部分在網絡上的Flutter文章:


為大家學習Flutter,阿里操碎了心



滑了半天才滑完,數量非常多...我要思考下要不要抓個包,也收錄一波去wanandroid.com,供大家在PC端查看...

好了,因為是開源項目,而且是團隊形式對外的,所以一般情況下迭代已經對於issue的維護都比較好,大家有什麼建議也可以直接以issue方式提供給開發團隊。


為大家學習Flutter,阿里操碎了心


最後,真心感謝這類對外的分享,著實能為廣大開發者省下不少時間!

https://github.com/alibaba/flutter-go


項目首頁就有Android包下載地址。

另外大家也可以複製這個鏈接到瀏覽器體驗:

http://www.wanandroid.com/blogimgs/927cbde1-6f10-4ff4-986c-446f35e13d63.apk

此外,有些作者定了非常完善的學習規劃,並且將產物在github上以倉庫形式對外的,可以聯繫我,很樂意分享給大家!


擴展閱讀


分享到:


相關文章: