Flutter 模仿微信读书实现案例
前言: 各位同学大家好,有一段时间没有给大家更新博客了,最近使用flutter跨平台写了一个模仿微信读书app demo版本(模仿其中部分经典页面不是全部)觉得有几个点值得分享一下,趁着今天放假,就发文章分线给大家,那么废话不多说我们正式开始 效果图: Screenrecorder-2020-09-12-13-41-20-726[00_00_00--00_00_20].gif 准备工作: 需要安装flutter的开发环境:大家可以去看看之前的教程: 1 win系统flutter开发环境安装教程: https://www.jianshu.com/p/152447bc8718 2 mac系统flutter开发环境安装教程: https://www.jianshu.com/p/bad2c35b41e3 具体实现: QQ截图20200912135506.png 效果分析: 我们看到底部的tab和上面的卡片形成了联动我们点击下面的button 和滑动都可以联动,flutter中底部的tab切换我们都是用 bottomNavigationBar 组件来实现,但是要实现联动我们需要配合PageView 来实现: 我们看下 TabNavigator中的代码实现 import 'package:flutter/material.dart'; import 'content_pager.dart';