Flutter学习中的问题记录: TabBarView & TabBar

1,263 阅读1分钟
原文链接: www.jianshu.com

使用TabBarView & TabBar遇到一个问题:tab切换的时候,每次都会执行initState。

第一次加载2个Tab页面:LoadImgByNetPage,LoadImgByLocPage
Log所示: image.png
反复切换2个Tab页面:LoadImgByNetPage,LoadImgByLocPage
Log所示: image.png

解决方案

在LoadImgByNetPage,LoadImgByLocPage中添加AutomaticKeepAliveClientMixin,并设置为true,这样就能一直保持当前不被initState了。
class _LoadImgByLocAppPageState extends State<LoadImgByLocAppPage> with AutomaticKeepAliveClientMixin{

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    print('_LoadImgByLocAppPageState initState');
  }

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new Scaffold(
      body: new ListView(
        children: <Widget>[
          new Image.asset('images/ic_assignment_ind_36pt.png'),
          new Divider(),
          new Image(
            image: new AssetImage('images/ic_assignment_ind_36pt.png'),
          ),
          new Divider(),
        ],
      ),
    );
  }

  // TODO: implement wantKeepAlive
  @override
  bool get wantKeepAlive => true;
}


学习过程中的代码都放在github上了:github.com/zhujian1989…

每天学一点,学到Flutter发布正式版!