Skip to content
Related Articles

Related Articles

Improve Article

Fluttertoast in Flutter

  • Difficulty Level : Expert
  • Last Updated : 15 Feb, 2021

Fluttertoast is used to create a toast message by writing only one line of code. Below are some steps to create a Fluttertoast in Flutter. Basically here, we are creating a new Flutter application using a command prompt.

folder creation through cmd

  • Delete the default code from the main.dart file and write your own code.
  • Now, add fluttertoast in dependencies of the pubspec.yaml file:

Some Properties of showToast:

  • msg: toast message.
  • toastLength: Duration of toast
  • backgroundColor: Background color to be shown.
  • textColor: Text color to be shown.
  • fontSize: Font size of toast message.

Example: main.dart


import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
void main() {
class MyApp extends StatelessWidget {
  // This widget is the
  // root of your application.
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Flutter Demo",
      theme: ThemeData(
      debugShowCheckedModeBanner: false,
      home: MyHomePage(),
class MyHomePage extends StatefulWidget {
  _MyHomePageState createState() => _MyHomePageState();
class _MyHomePageState extends State<MyHomePage> {
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
            FlatButton(child: Text("Show toast",style: TextStyle(color: Colors.white)),
            onPressed: (){
              msg: "GeeksforGeeks",
              backgroundColor: Colors.grey,
              // fontSize: 25
              // gravity: ToastGravity.TOP, 
              // textColor:


fluttertoast in flutter

If the font size is set to 25 the design changes as follows:

flutte with font size set

If the font size is set to 25 and gravity is set to  ToastGravity.TOP the design changes as follows:

flu with gravity

If the font size is set to 25 and gravity is set to ToastGravity.TOP and text color is set to pink the design changes as follows:

fluttertoast in flutter with gravity and text color set

Want a more fast-paced & competitive environment to learn the fundamentals of Android?
Click here to head to a guide uniquely curated by our experts with the aim to make you industry ready in no time!

My Personal Notes arrow_drop_up
Recommended Articles
Page :