前言

被张鸿洋微信公众号推荐为优质 Flutter 开源项目啦 已适配 null safety

推荐几个优质 Flutter 开源项目

可以扫码(使用浏览器扫码,不要使用 qq 或者微信)直接下载 Release 版本 APK 文件体验一下流畅度

项目截图

知识点

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