仿WanAndroid客户端Flutter版

作者：蓝胖子的猫
链接：https://juejin.im/post/5b1e446be51d45068f65d5e9
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

---

前言

---

谷歌在今年的I/O大会提了Flutter，觉得有可能是一个趋势。 在学习了基本的Dart语法以及Flutter常用Widget的基本使用之后就开始慢慢按捺不住了，决定模仿Flutter版的开源中国写一个WanAndroid客户端。

这篇文章可以作为学习Flutter的入门资料，所以转载下

项目地址

---

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项目中碰到的问题

待解决的问题

---

• 键盘遮挡
• 下拉刷新、上拉加载更多的统一封装
• 加载中、空数据、错误数据的界面的统一处理

学习资料

---

• 官方的Flutter官方地址
• 国内翻译版本Flutter中文网
• 阿里闲鱼技术微信公众号(搜索 ‘闲鱼技术’)

官方的Demo及各个Widget的效果在安装了Flutter SDK之后在 Flutter SDK安装目录/flutter/examples下，可以自己一 一尝试。

我的博客canhuah的博客