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 it.

Answer 1

UPDATE: Scaffold.of(context).showSnackBar is deprecated in Flutter 2.0.0 (stable)

You can access the parent ScaffoldMessengerState using ScaffoldMessenger.of(context).

Then do something like

ScaffoldMessenger.of(context).showSnackBar(SnackBar(       content: Text("Sending Message"),     )); 

Snackbars are the official "Toast" from material design. See Snackbars.

Here is a fully working example:

import 'package:flutter/material.dart';  void main() {   runApp(MyApp()); }  class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {     return const MaterialApp(       home: Home(),     );   } }  class Home extends StatelessWidget {   const Home({     Key key,   }) : super(key: key);    @override   Widget build(BuildContext context) {     return Scaffold(       appBar: AppBar(         title: const Text('Snack bar'),       ),       body: Center(         child: RaisedButton(           onPressed: () => _showToast(context),           child: const Text('Show toast'),         ),       ),     );   }    void _showToast(BuildContext context) {     final scaffold = ScaffoldMessenger.of(context);     scaffold.showSnackBar(       SnackBar(         content: const Text('Added to favorite'),         action: SnackBarAction(label: 'UNDO', onPressed: scaffold.hideCurrentSnackBar),       ),     );   } } 

Answer 2

Use fluttertoast plugin

Fluttertoast.showToast(         msg: "This is a Toast message",  // message         toastLength: Toast.LENGTH_SHORT, // length         gravity: ToastGravity.CENTER,    // location         timeInSecForIos: 1               // duration     );