登录

去注册

登录

注册

去登录

注册

仿WanAndroid客户端 Flutter版

canhuah   2018-06-18   收藏

WanAndroid客户端Flutter版本

前言

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

项目地址

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

可以看到整个项目相对还是非常简单的

项目中碰到并解决的问题

待解决的问题

  • 键盘遮挡
  • 下拉刷新,上拉加载更多的统一封装
  • 加载中、空数据、错误数据的界面的统一处理
  • 简单动画的使用(正在学习..)

学习资料

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

我的博客 canhuah的博客

项目地址:https://github.com/canhuah/WanAndroid