仿WanAndroid客戶端Flutter版

canhuah發表於2019-03-04

前言

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

專案地址

github地址 喜歡的話可以給個星鼓勵一下

可以掃碼(使用瀏覽器掃碼,不要使用qq或者微信)直接下載Release版本APK檔案體驗一下流暢度

二維碼

專案截圖

仿WanAndroid客戶端Flutter版 仿WanAndroid客戶端Flutter版
仿WanAndroid客戶端Flutter版 仿WanAndroid客戶端Flutter版
仿WanAndroid客戶端Flutter版 仿WanAndroid客戶端Flutter版
仿WanAndroid客戶端Flutter版 仿WanAndroid客戶端Flutter版

知識點

  • 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

可以看到整個專案相對還是非常簡單的

專案中碰到並解決的問題

待解決的問題

  • 鍵盤遮擋
  • 下拉重新整理、上拉載入更多的統一封裝
  • 載入中、空資料、錯誤資料的介面的統一處理

學習資料

官方的Demo及各個Widget的效果在安裝了Flutter SDK之後在 Flutter SDK安裝目錄/flutter/examples下,可以自己一一嘗試。

我的部落格 canhuah的部落格

相關文章