dart - 如何在 flutter 中显示自定义 toast 对话框？

Question

我想显示自定义 toast(我自己的小部件布局)。我知道如何显示自定义警告对话框，但这不是我想要的。

因为，警告对话:

1. 有黑色背景
2. 显示时防止触摸
3. 必须手动关闭

我不想使用 flutter toast 库，因为我无法用它制作自定义布局。

我想在所有其他小部件之上显示我自己的布局，并使其在一段时间后消失。此外，它不应在显示时阻止任何输入。

Answer 1

您可以添加 this library添加和自定义您自己的 toast 。

Widget widget = Center(
      child: ClipRRect(
        borderRadius: BorderRadius.circular(30.0),
        child: Container(
          width: 40.0,
          height: 40.0,
           color: Colors.grey.withOpacity(0.3),
          child: Icon(
            Icons.add,
            size: 30.0,
            color: Colors.green,
          ),
        ),
      ),
    );

    ToastFuture toastFuture = showToastWidget(
      widget,
      duration: Duration(seconds: 3),
      onDismiss: () {
        print("the toast dismiss"); // the method will be called on toast dismiss.
      },
    );