阿里 Flutter-go 項目拆解筆記(〇)

本來自己也在維護一個 Flutter Widget GitHub 倉庫,一是總結自己學習的過程,二是能方便隨時翻看回顧。加上自己也學了一段時間的Flutter,也想實現一個客戶端來檢驗一下學習的效果,在看到Flutter-go的時候就想着先分析Flutter-go源碼學習大佬們的代碼風格,以及如何去實現一個Flutter客戶端然後就有了下面的一些分析文章。

文章可以不用從頭開始看,哪篇中有需要的知識點可以直接點擊對應的鏈接即可。

阿里 Flutter-go 項目拆解筆記(一)

  • Flutter 項目結構,分包情況
  • Router 路由的簡單使用

阿里 Flutter-go 項目拆解筆記(二)

  • 底部導航欄滑動漸變
  • Flutter 實現底部可滑動導航欄 tab(全局)

阿里 Flutter-go 項目拆解筆記(三)

  • Flutter Dialog中實現可滑動文本
  • Banner 實現:文字蒙層、Banner 指示器小圓點、無限循環輪播
  • 首頁信息流實現:上拉加載、下拉刷新

阿里 Flutter-go 項目拆解筆記(四)

  • 首頁的搜索框
  • 搜索結果展示
  • 聯想搜索
  • 歷史搜索

阿里 Flutter-go 項目拆解筆記(五)

  • sqflite 數據庫的使用
  • 小貓頭 UI 實現

阿里 Flutter-go 項目拆解筆記(六)

  • event_bus使用,有數據頁面和沒有數據頁面的切換
  • sqflite 數據庫的進一步使用

阿里 Flutter-go 項目拆解筆記(七)

  • 頁面切換動畫實現
  • Page 組件分析
  • PagerIndicator 組件分析
  • PageDragger 組件分析

阿里 Flutter-go 項目拆解筆記(八)

  • 頁面跳轉
  • 從詳情頁面返回首頁 Tab
  • url_launcher啓動本地瀏覽器
  • flutter_markdown使用
  • flutter_webview_plugin 打開 URL鏈接
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章