Flutter 中如何保持Tabbar和TabbarView的状态?

前言

Flutter使用TabBarView组件分页显示数据,来回切换页面,会触发页面的init和build,而且页面会回到最顶端,需要加个保持状态,方法共3步:

第一步:在每个页面都混入AutomaticKeepAliveClientMixin

步骤1.png

第二步:在这些页面里重写wantKeepAlive方法

image.png

第三步:在这些页面的build开头调用super.build()

image.png

结尾

至此,已经完成对Tabbarview状态的保存。再来切换tab,会发现这这页面init和build不会重复调用,并且原来滚动到底端的页面,切回来还是在底端。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享