Flutter自定义Toast提示插件fancy_toast的使用

fancy_toast 是一个 Flutter 插件，用于显示自定义的 Toast 提示消息。它允许你自定义 Toast 的样式、位置、动画等。以下是如何在 Flutter 项目中使用 fancy_toast 插件的步骤。

1. 添加依赖

首先，在 pubspec.yaml 文件中添加 fancy_toast 依赖：

dependencies:
  flutter:
    sdk: flutter
  fancy_toast: ^2.0.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入包

在你的 Dart 文件中导入 fancy_toast 包：

import 'package:fancy_toast/fancy_toast.dart';

3. 使用 FancyToast 显示 Toast

你可以使用 FancyToast.showToast() 方法来显示 Toast。以下是一些常见的用法示例：

显示简单的 Toast

FancyToast.showToast(
  context: context,
  message: 'This is a simple toast',
  toastType: FancyToastType.SUCCESS,
);

自定义 Toast 类型

FancyToastType 提供了多种内置的 Toast 类型，如 SUCCESS, ERROR, WARNING, INFO 等。

FancyToast.showToast(
  context: context,
  message: 'Operation successful!',
  toastType: FancyToastType.SUCCESS,
);

自定义 Toast 位置

你可以通过 position 参数来设置 Toast 的位置。默认位置是底部。

FancyToast.showToast(
  context: context,
  message: 'This toast is at the top',
  toastType: FancyToastType.INFO,
  position: FancyToastPosition.TOP,
);

自定义 Toast 动画

你可以通过 animation 参数来设置 Toast 的动画效果。

FancyToast.showToast(
  context: context,
  message: 'This toast has a custom animation',
  toastType: FancyToastType.WARNING,
  animation: FancyToastAnimation.SLIDE_RIGHT,
);

自定义 Toast 持续时间

你可以通过 duration 参数来设置 Toast 的显示时间（以秒为单位）。

FancyToast.showToast(
  context: context,
  message: 'This toast will disappear after 5 seconds',
  toastType: FancyToastType.ERROR,
  duration: 5,
);

自定义 Toast 样式

你可以通过 backgroundColor 和 textColor 参数来自定义 Toast 的背景颜色和文本颜色。

FancyToast.showToast(
  context: context,
  message: 'Custom background and text color',
  toastType: FancyToastType.DEFAULT,
  backgroundColor: Colors.blue,
  textColor: Colors.white,
);

4. 完整示例

以下是一个完整的示例，展示了如何使用 fancy_toast 插件：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'FancyToast Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('FancyToast Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: () {
                FancyToast.showToast(
                  context: context,
                  message: 'This is a simple toast',
                  toastType: FancyToastType.SUCCESS,
                );
              },
              child: Text('Show Success Toast'),
            ),
            ElevatedButton(
              onPressed: () {
                FancyToast.showToast(
                  context: context,
                  message: 'This is an error toast',
                  toastType: FancyToastType.ERROR,
                );
              },
              child: Text('Show Error Toast'),
            ),
            ElevatedButton(
              onPressed: () {
                FancyToast.showToast(
                  context: context,
                  message: 'This toast is at the top',
                  toastType: FancyToastType.INFO,
                  position: FancyToastPosition.TOP,
                );
              },
              child: Text('Show Top Position Toast'),
            ),
            ElevatedButton(
              onPressed: () {
                FancyToast.showToast(
                  context: context,
                  message: 'This toast has a custom animation',
                  toastType: FancyToastType.WARNING,
                  animation: FancyToastAnimation.SLIDE_RIGHT,
                );
              },
              child: Text('Show Custom Animation Toast'),
            ),
          ],
        ),
      ),
    );
  }
}