如何在 flutter 中在屏幕上显示小部件？

Question

我想在 Image/Screen 上显示这样的小部件：

我尝试使用以下代码对 snackbar 执行此操作：

SnackBar(
  elevation: 5,
  padding: const EdgeInsets.all(0),
  backgroundColor: Colors.transparent,
  behavior: SnackBarBehavior.floating,
  content: Children()

但是显示时背景有点黑...

是否有其他小部件可以实现此目的？？？

如果你知道问题的答案就回答这个问题...

Answer 1

Stack(children: [
    ImageWidget(...),
    Align(
        alignment: Alignment.bottomCenter
        child: SnackBar(
            elevation: 5,
            padding: const EdgeInsets.all(0),
            backgroundColor: Colors.transparent,
            behavior: SnackBarBehavior.floating,
            content: Children()
)])

Answer 2

您也可以在这种情况下使用 Toast。 toast 通常会出现 2 秒，或者您可以为其设置自定义持续时间。

Flutter Toast 是实现相同目的的好库。

https://pub.dev/packages/fluttertoast

如何在 flutter 中在屏幕上显示小部件？

How to Display a Widget Over the Screen in flutter?

user-interface

snackbar

flutter

flutter-layout