Flutter消息提示插件Toast的使用

简介

Toast 是一个用于在Flutter应用中显示短暂消息提示的插件。它允许开发者方便地在屏幕上显示自定义的消息，支持不同的持续时间和位置。

插件地址

pub.dev/packages/toast

如何使用

添加依赖

首先，在您的 pubspec.yaml 文件中添加以下依赖项：

dependencies:
  toast: ^0.2.9

然后运行 flutter pub get 来安装插件。

导入包

在需要使用 Toast 的文件中导入该包：

import 'package:toast/toast.dart';

初始化上下文

确保在调用任何 Toast 方法之前初始化上下文：

ToastContext().init(context);

显示Toast消息

使用 Toast.show() 方法来显示一条消息：

Toast.show("Toast plugin app", duration: Toast.lengthShort, gravity: Toast.bottom);

参数说明

示例代码

下面是一个完整的示例项目，展示了如何使用 Toast 插件的不同功能：

import 'package:flutter/material.dart';
import 'package:toast/toast.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, this.title}) : super(key: key);

  final String? title;

  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Toast plugin example app'),
      ),
      body: Center(
        child: Column(
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.all(10.0),
              child: ElevatedButton(
                child: Text('Show Short Toast'),
                onPressed: () => showToast("Show Short Toast"),
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(10.0),
              child: ElevatedButton(
                child: Text('Show Long Toast'),
                onPressed: () => showToast("Show Long Toast", duration: Toast.lengthLong),
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(10.0),
              child: ElevatedButton(
                child: Text('Show Bottom Toast'),
                onPressed: () => showToast("Show Bottom Toast", gravity: Toast.bottom),
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(10.0),
              child: ElevatedButton(
                child: Text('Show Center Toast'),
                onPressed: () => showToast("Show Center Toast", gravity: Toast.center),
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(10.0),
              child: ElevatedButton(
                child: Text('Show Top Toast'),
                onPressed: () => showToast(
                  """所爱隔山海，山海皆可平。可是你不爱我啊，隔了座火焰山还拿不到芭蕉扇。我奋不顾身穿山越岭到了你身旁，你也只会来一句“卧槽你好666啊”""",
                  gravity: Toast.top,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  void showToast(String msg, {int? duration, int? gravity}) {
    Toast.show(msg, context, duration: duration, gravity: gravity);
  }
}

这个示例项目包括了不同类型的 Toast 消息，您可以根据自己的需求进行调整和扩展。