Flutter消息提示插件m_toast的使用

MToast 是一个用于Flutter的消息提示插件，支持在多种平台上显示自定义的Toast消息。

支持的平台

• Android
• iOS
• Linux
• MacOS
• Windows

功能特性

• 添加带有自定义图标、颜色和消息的Toast。
• 添加带有自定义图片、颜色和消息的Toast。

开始使用

1. 添加依赖

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

dependencies:
  m_toast: ^0.2.4

然后运行flutter pub get以安装新添加的包。

2. 导入库

在需要使用的Dart文件中导入该库：

import 'package:m_toast/m_toast.dart';

3. 调用Toast

下面是如何调用成功和错误类型的Toast的例子：

ShowMToast toast = ShowMToast(context);

toast.successToast(message: "Hello");
toast.errorToast(message: "Hello");

自定义Toast示例

以下是一个完整的示例Demo，展示如何使用MToast插件来显示带有自定义图片和样式的Toast消息。

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

void main() {
  runApp(MaterialApp(home: const MyApp()));
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

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

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

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  ShowMToast toast = ShowMToast(GlobalContext.getContext());

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            OutlinedButton(
              onPressed: () {
                toast.successToast(
                  message: "Message Sent",
                  image: "assets/twitter_logo.png", // 确保此路径存在
                  backgroundColor: Colors.white,
                  alignment: Alignment.topCenter,
                  duration: 1500,
                );
              },
              child: const Text("Show Success Toast"),
            ),
            OutlinedButton(
              onPressed: () {
                toast.errorToast(
                  message: "Message not Send",
                  image: "assets/twitter_logo.png", // 确保此路径存在
                  backgroundColor: Colors.white,
                  alignment: Alignment.topCenter,
                );
              },
              child: const Text("Show Error Toast"),
            ),
          ],
        ),
      ),
    );
  }
}

class GlobalContext {
  static BuildContext getContext() {
    return NavigationService.navigatorKey.currentContext!;
  }
}

class NavigationService {
  static GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();
}

确保你已经将所需的图片（例如twitter_logo.png）放置在assets目录下，并在pubspec.yaml中正确声明了这些资源。

通过以上步骤，你应该能够在你的Flutter应用中轻松集成并使用MToast插件来显示各种类型的Toast消息。希望这个示例能帮助你更好地理解和使用MToast插件！