Flutter中的AutomaticKeepAliveClientMixin

最新推荐文章于 2024-06-12 11:49:19 发布

发孖、

最新推荐文章于 2024-06-12 11:49:19 发布

阅读量1.3w

点赞数 2

分类专栏： Flutter

本文链接：https://blog.csdn.net/xcf111/article/details/95318987

版权

Flutter 专栏收录该内容

12 篇文章 2 订阅

订阅专栏

目的：

切换tab后保留tab的状态，避免initState方法重复调用

默认情况：

在这里插入图片描述
从上图可以发现当点击tab1的时候，对应的initState方法就会被调用。而点击第2、3个tab的时候并不会重复触发initState方法（第2、3个tab对应的页面已处理过）。

解决办法

添加AutomaticKeepAliveClientMixin，并实现对应的方法bool get wantKeepAlive => true;，同时build方法实现父方法 super.build(context);

看下AutomaticKeepAliveClientMixin里面的一个说明：
在这里插入图片描述

class _Page1State extends State<Page1> with AutomaticKeepAliveClientMixin {
  @override
  void initState() {
    super.initState();
    print("Page 1 init");
  }
  @override
  Widget build(BuildContext context) {
    super.build(context);
    return Text("Page 1");
  }
  @override
  bool get wantKeepAlive => true;
}

在这里插入图片描述