flutter - 在页面浏览中向下滚动时如何隐藏底部导航?
问题描述
当我想在向下滚动时自动隐藏底部导航并在向上滚动时显示底部导航时,我被卡住了。我已经搜索了如何实现自动隐藏,但主要问题来自页面视图,我不能将页面控制器和滚动控制器放在同一个小部件中。我也尝试使用另一个小部件包装它并放置滚动控制器,但它变成了空白。实现这个东西的最佳方法是什么?这是我使用的代码。
@override
Widget build(BuildContext context) {
return Scaffold(
body: Stack(
children: [
SafeArea(
child: PageView(
controller: pageController,
onPageChanged: (index) {
setState(() {
selectedPage = index;
});
},
children: [
Center(
child: HomePage(),
),
Center(
child: CategoryPage(),
),
Center(
child: EventPage(),
),
],
)),
Align(
alignment: Alignment.bottomCenter,
child: CustomBottomNavBar(
selectedIndex: selectedPage,
onTap: (index) {
setState(() {
selectedPage = index;
});
pageController.jumpToPage(selectedPage);
},
),
)
],
),
);
}
解决方案
推荐阅读
- c# - TimeZoneInfo.FindSystemTimeZoneById() 不适用于“海湾标准时间”
- c# - 一段时间后,UI 未根据触发器更新
- jinja2 - 在 SaltStack 中使用 Jinja 插入环境变量
- javascript - 在 ngFor 中签署动态 key.value
- c++ - 我如何只从 .txt 文件中读取第二个单词
- python - 在简单的相等上使用 sklearn.cross_val_score
- javascript - 如何从状态访问 React 状态中的另一个键
- javascript - 使用标签数组提高标签算法的性能
- postgresql - 在 postgres 中查找换行符
- codenameone - 底部带有缩略图的轮播