Flutter实现左侧边栏导航

Flutter实现左侧边栏导航,点击左侧菜单右侧自动切换,左侧菜单可以实现自动居中,右侧滚动到底部继续滑可自动切换到下一页,上滑切换到上一页,左侧菜单跟随切换,查看效果图:

下载地址:https://download.csdn.net/dow...

主要代码片段:
wrapController.addListener(() {

  var maxScrollExtent = wrapController.position.maxScrollExtent;
  var pixels = wrapController.position.pixels;
  var dis = maxScrollExtent - pixels;
  // 滚动到顶部后再往上滚,自动跳到上一页
  if (dis <= -100 && currentIndex < 30 - 1) {
    setState(() {
      currentIndex += 1;
      _scrollTo(currentIndex);
    });
    wrapController.jumpTo(1);
  }
  // 滚动到底部后再往上滚,自动跳到下一页
  if (dis >= maxScrollExtent + 100 && currentIndex > 0) {
    setState(() {
      currentIndex -= 1;
      _scrollTo(currentIndex);
    });
  }
});

你可能感兴趣的:(flutter)