关于flutter:Flutter实现左侧边栏导航

72次阅读

共计 548 个字符,预计需要花费 2 分钟才能阅读完成。

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);
    });
  }
});

正文完
 0