共计 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);
});
}
});
正文完