flutter仿微信读书app

一、前言

学习flutter也一段时间了,一直想写博客分享一下,可是一直下不了手,因为知识点不系统,也不知道从那块写起,因为最近一直再用微信读书app,觉得界面设计的简洁也好看,于是花了点时间,仿个微信读书app,练个手吧。

二、项目分析

app里面只实现了首页,主要用到以下控件:

  1. BottomNavigationBar + PageVIew (页面切换)。
  2. 4个StatefulWidget页面(发现、书架、故事、我的)使用AutomaticKeepAliveClientMixin方式保存页面状态。
  3. 封装通用的业务组件,主要用来复用布局。
  4. 第三方库,例如:cached_network_image。
三、初步成果

wxread.gif

GitHub : https://github.com/lxqljc/flutter_wx_read_app

你可能感兴趣的:(flutter仿微信读书app)