仿WanAndroid客户端Flutter版

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


前言


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

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

项目地址


github地址

喜欢的话可以给个星鼓励一下,也可以进 项目/android/apk-release.apk直接下载Release版本体验一下流畅度

项目截图


仿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的博客