我们如何在 Flutter for web 中显示吐司或小吃店？答案

【问题标题】：How can we display toast or snack-bar in Flutter for web?我们如何在 Flutter for web 中显示吐司或小吃店？
【发布时间】：2019-12-30 12:42:07
【问题描述】：

我们如何在 Flutter for web 中显示吐司或小吃店？我已经尝试了许多 3rd 方库，但我无法实现。

提前致谢

【问题讨论】：

您可以发布您尝试过的代码吗？你有任何错误信息吗？

标签： flutter dart flutter-layout flutter-dependencies

【解决方案1】：

现在是的，我们可以实现 toast，但有一些限制。刚刚尝试了简单的toast library 和oktoast。最后一个仅适用于使用 showToastWidget 方法。

【讨论】：

【解决方案2】：

使用okToast package, 使用此包，您只需使用 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(),);
                             });


                }),
           ),
      )
    ),
  );

【讨论】：