分页跳转的问题

Question

切换TabView时使用jumpToPage切换和通过setState并改变currentIndex切换两种方式有什么区别？

Answer 1

CrazyCodeBoy 2019-04-23 21:43:42

你说的是PageView与BottomNavigationBar吧：

• jumpToPage是PageView切换页面的API；

• currentIndex是控制BottomNavigationBar选中第几个item的API；

两个需要配合使用的：

bottomNavigationBar: BottomNavigationBar(
    currentIndex: _currentIndex,
    onTap: (index) {
      _controller.jumpToPage(index);
      setState(() {
        _currentIndex = index;
      });
    },
    type: BottomNavigationBarType.fixed,
    items: [
      _bottomItem('首页', Icons.home, 0),
      _bottomItem('搜索', Icons.search, 1),
      _bottomItem('旅拍', Icons.camera_alt, 2),
      _bottomItem('我的', Icons.account_circle, 3),
    ])

• 提问者 君之迹 #1

  我想起了另外一种界面切换的方式就是将四个页面全部放入数组然后通过BottomNavigationBar的currentIndex来切换Scaffold的body:
  
  body: pages[currentIndex]
  
  请问老师和使用PageView相比有何优劣呢？

• 只为编程 回复 提问者 君之迹 #2

  这个效果不一样啊，直接切页面是不能滚动的，视频中使用的是pageView，主要是为了可以水平或者垂直滚动