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

【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年50元

阿里云限时活动-2核2G-5M带宽-60G SSD-1000G月流量 ,特惠价99元/年(原价1234.2元/年,可以直接买3年),速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表评论

您的电子邮箱地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据