Flutter轻量级提示插件simple_m_toast的使用

simple_m_toast 是一个用 Flutter 开发的轻量级提示插件。它可以方便地在应用中显示简单的提示信息。

Show some ❤️ 和 star 支持项目

您可以点击以下链接来支持该项目：

💻 安装

在 pubspec.yaml 文件的 dependencies: 部分添加以下行：

dependencies:
  simple_m_toast: <latest_version>

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

在您的 Dart 文件中导入该包：

import 'package:simple_m_toast/ToastWidget.dart';

❔ 基本用法

以下是一个简单的示例，展示如何使用 simple_m_toast 插件来显示提示信息：

import 'package:flutter/material.dart';
import 'package:simple_m_toast/ToastWidget.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('simple_m_toast 示例')),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              // 显示提示信息
              SimpleMToast.showToast(
                context: context, // 当前上下文
                message: "这是一个自定义消息", // 提示信息
                positionFromBottom: MediaQuery.of(context).size.height * 0.05, // 距离底部的位置
                backgroundColor: Colors.redAccent, // 背景颜色
                textStyle: const TextStyle(fontSize: 18, color: Colors.white), // 文字样式
                seconds: SimpleMToast.lengthShort, // 显示时长
              );
            },
            child: Text('显示提示'),
          ),
        ),
      ),
    );
  }
}

更多关于Flutter轻量级提示插件simple_m_toast的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

ionicwang 1楼•4 天前

更多关于Flutter轻量级提示插件simple_m_toast的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

simple_m_toast 是一个轻量级的 Flutter 插件，用于在应用中显示简单的提示信息（Toast）。它非常易于使用，适合快速集成到你的 Flutter 项目中。以下是 simple_m_toast 的基本使用方法。

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 simple_m_toast 依赖：

dependencies:
  flutter:
    sdk: flutter
  simple_m_toast: ^0.0.1  # 请使用最新版本

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

2. 导入包

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

import 'package:simple_m_toast/simple_m_toast.dart';

3. 使用 Toast

simple_m_toast 提供了几种简单的方式来显示 Toast 消息。

显示简单的 Toast

MToast.showToast(context, 'Hello, World!');

自定义 Toast 显示时间

你可以自定义 Toast 的显示时间（以毫秒为单位）：

MToast.showToast(context, 'Hello, World!', duration: 3000); // 显示3秒

自定义 Toast 位置

simple_m_toast 还允许你自定义 Toast 的显示位置：

MToast.showToast(
  context,
  'Hello, World!',
  position: ToastPosition.bottom, // 或者 ToastPosition.top, ToastPosition.center
);

自定义 Toast 样式

你可以通过传递 backgroundColor 和 textColor 参数来自定义 Toast 的背景色和文字颜色：

MToast.showToast(
  context,
  'Hello, World!',
  backgroundColor: Colors.green,
  textColor: Colors.white,
);

4. 示例代码

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

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Simple MToast Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              MToast.showToast(
                context,
                'Hello, World!',
                duration: 2000,
                position: ToastPosition.bottom,
                backgroundColor: Colors.green,
                textColor: Colors.white,
              );
            },
            child: Text('Show Toast'),
          ),
        ),
      ),
    );
  }
}