Flutter本地通知管理插件native_notification_handler的使用

Flutter本地通知管理插件native_notification_handler的使用

native_notification_handler

native_notification_handler 是一个用于在 Flutter 应用中管理本地通知的插件。它允许开发者通过简单的 API 实现本地通知的功能。


使用步骤

1. 添加依赖

pubspec.yaml 文件中添加 native_notification_handler 依赖:

dependencies:
  native_notification_handler: ^0.0.1

然后运行以下命令以更新依赖:

flutter pub get

2. 初始化插件

首先,确保在应用中正确初始化 native_notification_handler 插件。以下是完整的示例代码:

示例代码:main.dart

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

import 'package:flutter/services.dart';
import 'package:native_notification_handler/native_notification_handler.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> {
  String _platformVersion = 'Unknown'; // 平台版本信息
  final _nativeNotificationHandlerPlugin = NativeNotificationHandler(); // 初始化插件实例

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState(); // 初始化平台状态
  }

  // 初始化平台状态
  Future<void> initPlatformState() async {
    String platformVersion;
    try {
      platformVersion =
          await _nativeNotificationHandlerPlugin.getPlatformVersion() ?? 'Unknown platform version';
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    if (!mounted) return; // 如果组件未挂载,返回

    setState(() {
      _platformVersion = platformVersion; // 更新状态
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp( // 主应用布局
      home: Scaffold(
        appBar: AppBar(
          title: const Text('本地通知示例'), // 标题
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center, // 垂直居中
            children: [
            Text('运行于平台版本: $_platformVersion\n'), // 显示平台版本
            ElevatedButton( // 添加按钮
              onPressed: () {
                scheduleLocalNotification(); // 调用本地通知调度方法
              },
              child: Text('发送本地通知'),
            ),
          ],
        ),
      ),
    );
  }

  // 调度本地通知
  Future<void> scheduleLocalNotification() async {
    await _nativeNotificationHandlerPlugin.scheduleNotification(
      id: 1, // 通知ID
      title: "测试通知", // 通知标题
      body: "这是来自native_notification_handler的测试通知", // 通知内容
      scheduledTime: DateTime.now().add(Duration(seconds: 5)), // 定时时间(5秒后)
    );

    print("本地通知已调度!");
  }
}

更多关于Flutter本地通知管理插件native_notification_handler的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter本地通知管理插件native_notification_handler的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


native_notification_handler 是一个 Flutter 插件,用于管理本地通知。它允许你在应用中显示本地通知,并处理用户与通知的交互。以下是如何使用 native_notification_handler 插件的基本步骤:

1. 添加依赖

首先,你需要在 pubspec.yaml 文件中添加 native_notification_handler 插件的依赖:

dependencies:
  flutter:
    sdk: flutter
  native_notification_handler: ^1.0.0  # 请使用最新版本

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

2. 初始化插件

在你的 main.dart 文件中初始化插件:

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化通知处理器
  await NativeNotificationHandler().initialize();
  
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Notification Demo',
      home: HomeScreen(),
    );
  }
}

3. 请求通知权限

在显示通知之前,你需要请求用户的通知权限:

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

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Notification Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            // 请求通知权限
            final bool granted = await NativeNotificationHandler().requestPermission();
            if (granted) {
              print('Notification permission granted');
            } else {
              print('Notification permission denied');
            }
          },
          child: Text('Request Notification Permission'),
        ),
      ),
    );
  }
}

4. 显示本地通知

你可以使用 NativeNotificationHandler 来显示本地通知:

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

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Notification Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            // 显示本地通知
            await NativeNotificationHandler().showNotification(
              title: 'Hello',
              body: 'This is a local notification',
              payload: 'notification_payload',
            );
          },
          child: Text('Show Notification'),
        ),
      ),
    );
  }
}

5. 处理通知点击事件

你可以监听通知点击事件,并根据用户点击的通知执行相应的操作:

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

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  String _notificationPayload = '';

  @override
  void initState() {
    super.initState();
    
    // 监听通知点击事件
    NativeNotificationHandler().onNotificationClicked.listen((payload) {
      setState(() {
        _notificationPayload = payload;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Notification Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: () async {
                await NativeNotificationHandler().showNotification(
                  title: 'Hello',
                  body: 'This is a local notification',
                  payload: 'notification_payload',
                );
              },
              child: Text('Show Notification'),
            ),
            SizedBox(height: 20),
            Text('Notification Payload: $_notificationPayload'),
          ],
        ),
      ),
    );
  }
}

6. 取消通知

你可以通过通知的 ID 来取消通知:

await NativeNotificationHandler().cancelNotification(notificationId);

7. 取消所有通知

你也可以取消所有通知:

await NativeNotificationHandler().cancelAllNotifications();

8. 其他功能

native_notification_handler 还支持其他功能,如设置通知的图标、声音、振动等。你可以参考插件的文档来了解更多详细信息。

9. 处理后台通知

如果你需要在后台处理通知,你可以在 NativeNotificationHandler 的初始化时设置后台处理回调:

await NativeNotificationHandler().initialize(
  onBackgroundNotificationClicked: (payload) {
    // 处理后台通知点击
    print('Background notification clicked: $payload');
  },
);
回到顶部