仿WanAndroid客戶端Flutter版

仿WanAndroid客戶端Flutter版

5 人贊了文章

谷歌在今年的I/O大會提了Flutter,覺得有可能是一個趨勢。 在學習了基本的Dart語法以及Flutter常用Widget的基本使用之後就開始慢慢按捺不住了,決定模仿Flutter版的開源中國寫一個WanAndroid客戶端。

項目地址

"https://link.juejin.im/?target=https%3A%2F%2Fgithub.com%2Fcanhuah%2FWanAndroid">github地址

喜歡的話可以給個星鼓勵一下,也可以進 項目/android/apk-release.apk直接下載Release版本體驗一下流暢度

項目截圖

知識點

  • WanAndroidPage.dart

    • BottomNavigationBar的基本使用
    • Navigator的簡單使用
  • HomePageList.dart

    • 上拉載入更多
    • 添加頭布局(SlideView)
  • HotePage.dart

    • 熱門和搜索列表的切換
  • ArticlePage.dart

    • TabBarView的基本使用
  • ArticleDetailPage.dart

    • 插件flutter_webview_plugin的使用
  • SearchPage.dart

    • Widget構造函數中key的意義
  • ArticleItem.dart

    • Dart的普通構造及命名構造函數
  • HttpUtil.dart

    • Flutter網路請求之簡單封裝及cookie的添加

可以看到整個項目相對還是非常簡單的

項目中碰到並解決的問題

  • 這個問題比較多,單獨寫了一篇博客

    Flutter實戰之WanAndroid項目中碰到的問題

待解決的問題

  • 鍵盤遮擋
  • 下拉刷新、上拉載入更多的統一封裝
  • 載入中、空數據、錯誤數據的界面的統一處理

推薦閱讀:

WPF實現下拉、透明漸變、縮放等動畫效果
電源設計中FPC不可忽略的5大點
文檔篇2-如何拼UI(上)
我們發布了「一起學」社群,1000名互聯網總監在這裡,40堂課+線下大會+各大公司內推
交互功能與交互細節的區別

TAG:客戶端 | 設計 | 交互設計 |