我可以在底部导航栏下面显示Snackbar吗?

我想要的是:

[snackbar below navigation bar](https://i.stack.imgur.com/YRce7.png)

现实:

[snackbar above navigation bar](https://i.stack.imgur.com/UnLiE.png)

如有回复,敬请垂询:) 非常感谢

推荐答案

假设底部导航栏是指在Scaffold类中使用的BottomNavigationBar,而Snackbar是SnackBar class,我相信这很难实现.这是因为Snackbar就像屏幕上的覆盖层,而BottomNav类无法判断Snackbar是否显示.此外,用快餐栏相应地上下移动底部导航本身也是一种挑战.

如果我想创造你想要的东西,我会这样做.我将创建一个定制的类似快餐栏的小部件.此小部件的 struct 如下所示

Column(
  children: [
    Expanded(
      child: Scaffold(
        appBar: AppBar(
          title: const Text("Hallo"),
        ),
        body: const Center(
          child: Text("Hello"),
        ),
      ),
    ),
    CustomSnackBarLikeWidget(),
  ],
);

CustomSnackBarLikeWidget()通常不会显示(高度为0),从而使搭建使用整个屏幕高度,因此底部导航粘在底部.在显示CustomSnackBarLikeWidget()的情况下,它包含某种内容(某种高度),并向上推送底部导航,如snackbar below navigation bar

CustomSnackBarLikeWidget()也将是一个复杂的小部件.如果您调用此小部件以显示任何Snackbar内容,则此小部件将一直处于监视状态.

我不知道我的回答是否有帮助,但请随意问我问题.

Flutter相关问答推荐

Flutter日期和时间 Select 器未显示

如何使用Firebase Firestore来获取外部集合中的文档子集合中的文档

获取屏幕大小的滚动视图与动态大小?

在Flutter 中将参数从一个类传递到另一个类

FCM通知显示两次通知(&A)

遇到图像路径格式问题

如何在表格日历标题下方添加文本?

抖动问题:检测到0个或2个或更多具有相同值的[DropdownMenuItem]

从future 列表到流列表Flutter Firebase

打开键盘时屏幕组件会被压扁

从所有设备注销,因为用户帐户已从 firebase flutter 中删除

我想在文本结束后显示分隔线.它会在第一行、第二行或第三行结束

如何停止折线图的抖动

如何删除或隐藏覆盖

Agora VideoCall 不显示远程视频网格

如何从底部导航栏打开 bottomModal 表?

Flutter ListView 在 Column 中工作但在 Row 中不工作

Flutter Bloc 使用 Cubit 监听流和emits 状态

如何按键在 map 列表中搜索

更新未知文档 ID firebase\flutter 中的字段