flutter TabBarView和PageView的页面状态保存问题

我们在使用TabBar或者BottomNavigationBar的时候,都会配合使用 TabBarView和PageView 进行页面展示,但如果不做特别处理的话,我们会发现在每次切换页面之后,页面都会重新刷新(比如一个列表页面,拉到最后一条数据,然后跳转到其它Tab再跳转回来,列表又变成从第一条数据开始展示),实在是很不友好。这里有两种办法解决:

  • PageStorageKey
  • AutomaticKeepAliveClientMixin

两种方法都能记录页面状态,两者又有些异同:

  1. 两者都是在 TabBarView 和 PageView 的子页面进行设置
  2. 设置 PageStorageKey 的页面每次都是会重新走生命周期,也就是每次进入页面都会重新调用 initState() 和 build 等一系列方法;而设置 AutomaticKeepAliveClientMixin 的页面只在第一次进入的时候会走页面的生命周期,后面不会重新调用。

1、PageStorageKey

class TabPageTestController extends StatefulWidget {
  final String title;

  TabPageTestController({Key key, this.title}): super(key: key);
  
  @override
  _TabPageTestControllerState createState() => _TabPageTestControllerState();
}

class _TabPageTestControllerState extends State<TabPageTestController>{
  List<String> dates =
  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值