关于flutter: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);
    });
  }
});

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理