How to create Toast in Flutter?

Question

Can I create something similar to Toasts in Flutter? Just a tiny notification window that is not directly in the face of the user and does not lock or fade the view behind i

Answer 1

Import the lib

fluttertoast: 3.1.3

Use like below

Fluttertoast.showToast(
msg: "Hello world",
textColor: Colors.white,
toastLength: Toast.LENGTH_SHORT,
timeInSecForIos: 1,
gravity: ToastGravity.BOTTOM,
backgroundColor: Colors.indigo,

);

Answer 2

just use SnackBar(content: Text("hello"),) inside any event like onTap and onPress

you can read more about Snackbar here https://flutter.dev/docs/cookbook/design/snackbars

Answer 3

For the ones that are looking for a Toast what can survive the route changes the SnackBar might not be the best option.

Have a look at Overlay instead.

https://api.flutter.dev/flutter/widgets/Overlay-class.html

Answer 4

You can use something like FlutterToast

Import the lib

fluttertoast: ^2.1.4

Use like below

Fluttertoast.showToast(
    msg: "Hello world",
    textColor: Colors.white,
    toastLength: Toast.LENGTH_SHORT,
    timeInSecForIos: 1,
    gravity: ToastGravity.BOTTOM,
    backgroundColor: Colors.indigo,
);

Thats it..