Flutter通知提醒插件alert_system的使用

Flutter通知提醒插件alert_system的使用

描述

alert_system 插件提供了在 Flutter 应用程序中显示通知消息的功能。它利用了 bot_toast 包来显示可自定义的提示通知。该插件兼容 Flutter SDK 版本 3.3.0 或更高版本。

开始使用

要将此插件集成到你的 Flutter 项目中，请按照以下步骤操作：

1. 添加依赖

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

   dependencies:
     alert_system: ^0.0.1
   

2. 安装包

   在你的项目目录中运行以下命令以安装包：

   $ flutter pub get
   

3. 导入包

   在 Dart 代码中导入 alert_system 包：

   import 'package:alert_system/alert_system.dart';
   

4. 显示通知

   使用 OverlayManager.show 方法来显示通知：

   OverlayManager.show(
     child: AlertDialog(
       title: const Text('文本提示'),
       content: const Text('文本内容'),
       actions: [
         TextButton(
           onPressed: () {
             OverlayManager.dismissOverlay();
             if (kDebugMode) {
               print('overlay dismissed');
             }
           },
           child: const Text('关闭'),
         ),
       ],
     ),
   );
   

平台支持

alert_system 插件目前支持 Flutter 平台。如果你想为 Android 和/或 iOS 添加平台特定实现，可以参考 pubspec.yaml 文件中的说明。

许可证

该项目采用 MIT 许可证。详情请参阅 LICENSE 文件。

注意: 如果你更改了许可证文件名，请将其替换为实际文件名。

问题与反馈

如果你遇到任何问题或错误，请随时在这里报告。对于一般反馈和建议，你可以通过电子邮件联系我们：jessedan160@gmail.com。

免责声明: alert_system 插件按原样提供，不提供任何明示或暗示的保证。使用它时请自行承担风险。

示例代码

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

/// 主应用入口点
void main() {
  runApp(const MyApp());
}

/// 应用的根部件
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      builder: OverlayManagerInit.builder,
      navigatorObservers: [OverlayManagerInit.navigatorObserver],
      home: const HomePage(),
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('插件示例应用'),
      ),
      body: const Center(
        child: Text('正在运行 OverlayManager'),
      ),
      floatingActionButton: FloatingActionButton(
        child: const Icon(Icons.open_in_full),
        onPressed: () {
          OverlayManager.show(
            child: AlertDialog(
              title: const Text('文本提示'),
              content: const Text('文本内容'),
              actions: [
                TextButton(
                  onPressed: () {
                    OverlayManager.dismissOverlay();
                    if (kDebugMode) {
                      print('overlay dismissed');
                    }
                  },
                  child: const Text('关闭'),
                ),
              ],
            ),
          );
        },
      ),
    );
  }
}