Flutter消息提示插件i_toast的使用

i_toast 是一个用于在Flutter应用中显示Toast消息的插件。它可以帮助开发者向用户提供临时通知，通常用于传达成功操作、错误、警告或信息性消息。

目录

• i_toast
  • Table of contents
  • Features
    • itoast Message Types
  • Installation
  • Import
  • Usage
  • Contribute
  • License

Features

• 标题和描述内容：支持在Toast消息中包含标题和描述内容。
• 带有图标或自定义小部件的补充内容：用户可以添加图标或自定义小部件来增强Toast消息。
• 按需显示时长：提供选项以指定Toast消息显示的时间。
• 可定制的背景颜色、边框颜色和圆角半径：用户可以根据自己的偏好自定义Toast消息的外观。
• 自定义大小选项：允许用户自定义Toast消息的宽度和高度。

iToast Message Types

iToast提供了五种不同类型的Toast消息：

• InfoToastMessage：用于信息性消息。
• SuccessToastMessage：表示成功的操作。
• WarningToastMessage：提醒用户潜在的问题。
• ErrorToastMessage：报告错误情况。
• CustomToastMessage：用于创建自定义Toast消息。用户可以指定诸如背景颜色、边框颜色、圆角半径、宽度和高度等属性。

Installation

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

dependencies:
  itoast: ^0.0.6

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

Import

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

import 'package:itoast/itoast.dart';

Usage

下面是一个完整的示例Demo，展示了如何使用i_toast插件：

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

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const IToast(),
    );
  }
}

class IToast extends StatelessWidget {
  const IToast({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    final List<ToastType> toastTypes = [
      ToastType.error,
      ToastType.info,
      ToastType.success,
      ToastType.warning
    ];

    return Scaffold(
      appBar: AppBar(
        title: const Text("iToast Example"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ListView.builder(
              shrinkWrap: true,
              itemCount: toastTypes.length,
              padding: const EdgeInsets.symmetric(horizontal: 120),
              itemBuilder: (context, index) => ElevatedButton(
                onPressed: () {
                  _showToastMessage(
                    context,
                    toastTypes[index].name.substring(0, 1).toUpperCase() + 
                    toastTypes[index].name.substring(1),
                    "${toastTypes[index].name} description.",
                    toastTypes[index],
                    leading: const Icon(Icons.info),
                  );
                },
                child: const Text("Show iToast"),
              ),
            ),
            ElevatedButton(
              onPressed: () {
                _showToastMessage(
                  context,
                  'Custom iToast',
                  "Custom iToast description.",
                  ToastType.custom,
                  backgroundColor: Colors.blueGrey.shade50,
                  borderColor: Colors.blueGrey,
                  leading: const Icon(Icons.explore, color: Colors.teal),
                  borderRadius: BorderRadius.circular(24),
                );
              },
              child: const Text('Show Custom iToast'),
            ),
          ],
        ),
      ),
    );
  }
}

void _showToastMessage(
  BuildContext context,
  String title,
  String description,
  ToastType toastType, {
  Color? backgroundColor,
  Color? borderColor,
  Widget? leading,
  BorderRadius? borderRadius,
}) {
  iToast(
    context,
    title: Text(title),
    description: Text(description),
    trailing: const Icon(Icons.close_rounded),
    toastType: toastType,
    leading: leading,
    duration: Durations.extralong4,
    toastBackgroundColor: backgroundColor,
    toastBorderColor: borderColor,
    toastBorderRadius: borderRadius,
  );
}