时间戳

首页 > 解决方案 > Flutter SnackBar 显示在 CupertinoTabBar 下（隐藏的snackBar）

flutter - Flutter SnackBar 显示在 CupertinoTabBar 下（隐藏的snackBar）

问题描述

我在根页面上使用了 BottomNavigatoinBar。在一个有状态小部件的页面（探索页面）上，它有一个带有三个选项卡的 CupertionoSegmentedTab，每个选项卡都显示列表视图。

我必须根据列表视图项单击来显示 SnackBar。我可以成功显示 SnackBar 但它隐藏在 BottomNavigatoinBar 后面。有什么解决方案可以在 BottomNavigatoinBar 上方显示吗？

标签： fluttersnackbarcupertinotabbar

解决方案

在我的情况下，简单地调整 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,));

推荐阅读