Flutter Web如何显示Toast或Snack-bar？

Question

我们如何在Flutter Web中显示Toast或Snackbar？ 我尝试了很多第三方库，但都没有成功。

提前感谢。

- Gaurang Goda

---

你能发一下你尝试过的代码吗？有没有出现任何错误信息？ - alichur

Answer 1

现在，我们可以实现提示框，但有一些限制。我尝试了简单的toast库和oktoast。最后一个仅能使用showToastWidget方法。

- recvec

Answer 2

使用okToast包，使用此包，您只需要将应用程序或父部件用OKToast包装，并像这样调用showToast方法：

OKToast(
          child: Scaffold(
            body: Center(
           child: Container(
               color:Colors.white;
             child: RaisedButton(
               elevation: 20.0,
                  color:  Color(0xFFEE507A),

                child: Text("Show Toast"),
                onPressed: () { 
                             setState(() {
                       showToast(
                       " Toast has been succefully showing!! ",
                       position: ToastPosition.bottom,
                       backgroundColor: Color(0xFFEE507A),
                       radius: 13.0,
                      textStyle: TextStyle(fontSize: 18.0,color:Colors.white),
                       animationBuilder: Miui10AnimBuilder(),);
                             });


                }),
           ),
      )
    ),
  );

- Amina Bekir