如何在顶部显示 Flutter SnackBar 小部件？

Posted 2023-02-23

【中文标题】如何在顶部显示 Flutter SnackBar 小部件？

【英文标题】：How to show a Flutter SnackBar widget at the top?

【发布时间】：2021-03-15 15:57:13

【问题描述】：

有没有办法在屏幕顶部而不是底部显示Flutter Snackbar？

根据文档，您可以设置behaviour: SnackBarBehavior.floating，这会稍微抬高小吃栏并使其看起来有点像弹出窗口，但它仍然没有提供显式设置顶部位置的选项，例如，就在操作栏的正下方。

【参考方案1】：

尝试使用这个插件：flushbar

冲洗条( flushbarPosition：FlushbarPosition.TOP， )

【讨论】：

在发布问题之前，我已经看到了flushbar 插件；宁愿坚持使用标准的 ootb 小部件。

【参考方案2】：

这里描述了答案。 Flutter Snakbar- 带有可选操作的轻量级消息，在屏幕底部短暂显示。

我找到了替代方案flushbar。使用flushbar你可以改变位置TOP/BOTTOM。

  Flushbar(
    flushbarPosition: FlushbarPosition.TOP,
    message:
        "Lorem Ipsum is simply dummy text of the printing and typesetting industry",
    duration: Duration(seconds: 3),
  )..show(context);

【讨论】：

Flushbar 是一个第三方库。我正在寻找使用 ootb SnackBar 的方法，可能通过传递一个不同的 context 对象，类似于 Snackbar 在 android 中的工作方式，其中 Snackbar 锚定到特定的小部件。

@ccpizza 我明白你在找什么。根据 Material design，Snackbars 用于在屏幕底部提供有关应用程序进程的简短消息。看看 - Snackbar

是的，我知道，但是可以调整 android 原生的快餐栏以显示在顶部，例如 ***.com/a/31746370/191246 — 我假设 Flutter 可能会出现类似的情况。