Flutter通知构建插件notification_builder的使用

当然，下面是一个关于如何在Flutter项目中使用notification_builder插件来构建通知的示例代码。这个插件允许你以编程方式创建和管理本地通知。

首先，确保你已经在pubspec.yaml文件中添加了notification_builder依赖：

dependencies:
  flutter:
    sdk: flutter
  notification_builder: ^latest_version  # 请替换为最新版本号

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

接下来，你可以在你的Flutter项目中按照以下步骤使用notification_builder来创建通知。

1. 导入必要的包

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

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

2. 配置通知权限（可选，但推荐）

在Android和iOS上，你可能需要请求通知权限。这通常在你的应用启动时进行。

void main() {
  runApp(MyApp());
  // 请求通知权限
  _requestNotificationPermissions();
}

Future<void> _requestNotificationPermissions() async {
  // 请求权限
  await NotificationBuilder.instance.initialize();

  // 检查权限状态
  NotificationPermission permission = await NotificationBuilder.instance.notificationPermissionState;
  if (permission == NotificationPermission.denied) {
    // 用户已拒绝权限，可以显示一个对话框引导用户去设置中开启
  }
}

3. 创建并显示通知

在你的应用逻辑中创建并显示通知：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Notification Builder Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              _showNotification();
            },
            child: Text('Show Notification'),
          ),
        ),
      ),
    );
  }

  Future<void> _showNotification() async {
    await NotificationBuilder.instance.initialize();

    // 创建通知内容
    var androidPlatformChannelSpecifics = AndroidNotificationDetails(
      'your_channel_id',
      'Your Channel Name',
      'Your Channel Description',
      importance: Importance.max,
      priority: Priority.max,
      ticker: 'ticker',
      showWhen: true,
    );
    var iOSPlatformChannelSpecifics = IOSNotificationDetails();
    var platformChannelSpecifics = NotificationDetails(
      android: androidPlatformChannelSpecifics,
      iOS: iOSPlatformChannelSpecifics,
    );

    // 显示通知
    await NotificationBuilder.instance.show(
      id: 1,
      title: 'Hello',
      body: 'This is a test notification',
      notificationLayout: NotificationLayout.BigPicture,
      bigPicture: NetworkImage('https://example.com/path/to/image.jpg'),
      payload: 'item x',
      channelKeySpecifics: platformChannelSpecifics,
    );
  }
}

4. 处理通知点击事件

你可以通过NotificationBuilder.instance.notificationClickedStream来监听通知点击事件：

@override
void initState() {
  super.initState();

  NotificationBuilder.instance.notificationClickedStream.listen((ReceivedNotification receivedNotification) {
    print('Notification clicked: ${receivedNotification.payload}');
    // 根据payload处理点击事件
  });
}

完整示例

将上述代码片段整合到一个完整的Flutter应用中：

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

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

Future<void> _requestNotificationPermissions() async {
  await NotificationBuilder.instance.initialize();
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();

    NotificationBuilder.instance.notificationClickedStream.listen((ReceivedNotification receivedNotification) {
      print('Notification clicked: ${receivedNotification.payload}');
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Notification Builder Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              _showNotification();
            },
            child: Text('Show Notification'),
          ),
        ),
      ),
    );
  }

  Future<void> _showNotification() async {
    await NotificationBuilder.instance.initialize();

    var androidPlatformChannelSpecifics = AndroidNotificationDetails(
      'your_channel_id',
      'Your Channel Name',
      'Your Channel Description',
      importance: Importance.max,
      priority: Priority.max,
      ticker: 'ticker',
      showWhen: true,
    );
    var iOSPlatformChannelSpecifics = IOSNotificationDetails();
    var platformChannelSpecifics = NotificationDetails(
      android: androidPlatformChannelSpecifics,
      iOS: iOSPlatformChannelSpecifics,
    );

    await NotificationBuilder.instance.show(
      id: 1,
      title: 'Hello',
      body: 'This is a test notification',
      notificationLayout: NotificationLayout.BigPicture,
      bigPicture: NetworkImage('https://example.com/path/to/image.jpg'),
      payload: 'item x',
      channelKeySpecifics: platformChannelSpecifics,
    );
  }
}

确保你替换了your_channel_id和https://example.com/path/to/image.jpg为实际的值。

这样，你就可以在Flutter应用中使用notification_builder插件来创建和管理本地通知了。