我在根页面上使用了 BottomNavigatoinBar。在一个有状态小部件的页面(探索页面)上,它有一个带有三个选项卡的 CupertionoSegmentedTab,每个选项卡都显示列表视图。
我必须根据列表视图项单击来显示 SnackBar。我可以成功显示 SnackBar 但它隐藏在 BottomNavigatoinBar 后面。有什么解决方案可以在 BottomNavigatoinBar 上方显示吗?
我在根页面上使用了 BottomNavigatoinBar。在一个有状态小部件的页面(探索页面)上,它有一个带有三个选项卡的 CupertionoSegmentedTab,每个选项卡都显示列表视图。
我必须根据列表视图项单击来显示 SnackBar。我可以成功显示 SnackBar 但它隐藏在 BottomNavigatoinBar 后面。有什么解决方案可以在 BottomNavigatoinBar 上方显示吗?
在我的情况下,简单地调整 SnackBar 的内容有助于:
Scaffold.of(context).showSnackBar(
SnackBar(
content: SizedBox(
height:70,
child: Text(state.message.toString())),
),
);
尽管上述解决方案解决了我的问题,但根据官方文档,它说 SnackBar 具有行为选项:浮动,这会导致 [SnackBar] 显示在 [Scaffold] 中的其他小部件上方:
SnackBar(
content: Text("Slow Internet Connection..."),
behavior: SnackBarBehavior.floating,));