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 2021 重要时刻，奉上虎年红包封面喜迎新年！
- 如何在 Flutter 创建一个后台任务
- Flutter Convex Bottom 底部导航
- Flutter动态化框架Thresh
- 基于 Riverpod 的 Flutter 状态管理
- Flutter 2022 产品路线图发布
- Flutter 插件库
- Windows Running “flutter pub get“ in XXX卡死
- Flutter之下拉刷新，上拉加载更多