关于 PageView 每次点击tab都会重新渲染页面的问题

来源：15-5 Flutter Plugin开发指南-Android端实现-1【打通Flutter与Android的任通二脉】

JakePrim

2019-04-16

//      PageView(
//        controller: _controller,
//        children: <Widget>[
//          //page的页面
//          HomePage(),
//          SearchPage(
//            hideLeft: true,
//          ),
//          TravelPage(),
//          MinePage(),
//        ],
//        onPageChanged: (int index) {
//          //滑动page的监听
//          setState(() {
//            //改变tab状态
//            _controllerIndex = index;
//          });
//        },
//      ),

我改成了 ,如下代码就可以解决了,但是滑动就没了

body: IndexedStack(
        children: <Widget>[
          //page的页面
          HomePage(),
          SearchPage(hideLeft: true,),
          TravelPage(),
          MinePage(),
        ],
        index: _controllerIndex,
      ),

写回答

1回答

CrazyCodeBoy

2019-04-16

已采纳

可以让不想重新渲染的页面实现AutomaticKeepAliveClientMixin：

class _TravelTabPageState extends State<TravelTabPage>
    with AutomaticKeepAliveClientMixin {
 ...
  @override
  bool get wantKeepAlive => true;
}

具体可参考第13章的实现：

https://git.imooc.com/coding-321/flutter_trip/src/master/lib/pages/travel_tab_page.dart#L34

JakePrim

非常感谢！

2019-04-17

共1条回复

Flutter从入门到进阶实战携程网App 一网打尽核心技术

解锁Flutter开发新姿势，，系统掌握Flutter开发核心技术。

4788 学习 · 3270 问题

查看课程

相似问题

老师，想问您一个滑动冲突的问题

回答 1

分页跳转的问题

回答 1

关于重新登录后已经浏览过的页面的状态更新

回答 1

关于下拉菜单与实时刷新的问题

回答 1

BottomNavigationBar 左右会切换，这个怎么关联，或者如果我想取消掉怎么办?

回答 1

打开慕课网App查看更多内容