Flutter消息提示插件toast_ease的使用

ToastEase 是一个用于在 Flutter 应用中显示可自定义的消息提示（如成功、错误、警告和信息）的插件。

功能

• 可定制的消息提示：轻松显示带有可定制颜色和图标的成功、错误、警告和信息提示。
• 无外部依赖：此插件不依赖任何外部库。
• 灵活的设计：可以修改提示的外观和行为以适应应用的设计。

开始使用

安装

在 pubspec.yaml 文件中添加以下内容：

dependencies:
  toast_ease: ^1.0.0

然后运行 flutter pub get 来安装该包。

导入包

在 Dart 文件中导入包：

import 'package:toast_ease/toast_ease.dart';

使用

显示成功提示

这是一个带有可定制消息和样式的成功提示。

ToastEase.successToast(
  context: context,
  msg: "这是成功提示",
);

显示错误提示

这是一个带有可定制错误消息和样式的错误提示。

ToastEase.errorToast(
  context: context,
  msg: "这是错误提示",
);

显示警告提示

这是一个带有可定制警告消息和样式的警告提示。

ToastEase.warningToast(
  context: context,
  msg: "这是警告提示",
);

显示信息提示

这是一个带有可定制信息消息和样式的信息提示。

ToastEase.infoToast(
  context: context,
  msg: "这是信息提示",
);

额外信息

自定义

你可以自定义提示的颜色和标题：

ToastEase.warningToast(
  context: context,
  msg: "自定义警告消息",
  color: Colors.orange,
  title: "自定义警告",
);

许可证

该包遵循 MIT 许可证。更多详情请参阅 LICENSE 文件。

完整示例代码

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

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatefulWidget {
  const HomeScreen({super.key});

  [@override](/user/override)
  State<HomeScreen> createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Toast Ease"),
        centerTitle: true,
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                  onPressed: () {
                    ToastEase.successToast(
                        context: context, msg: "这是成功提示");
                  },
                  child: const Text("成功提示")),
            ],
          ),
          ElevatedButton(
              onPressed: () {
                ToastEase.warningToast(
                    context: context, msg: "这是警告提示");
              },
              child: const Text("警告提示")),
          ElevatedButton(
              onPressed: () {
                ToastEase.infoToast(
                    context: context, msg: "这是信息提示");
              },
              child: const Text("信息提示")),
          ElevatedButton(
              onPressed: () {
                ToastEase.errorToast(
                    context: context, msg: "这是错误提示");
              },
              child: const Text("错误提示"))
        ],
      ),
    );
  }
}