rdev_riverpod_firebase_user_notification 是一个 Flutter 插件，用于集成 Firebase Cloud Messaging (FCM) 和本地通知功能，并结合 Riverpod 状态管理库来管理通知状态。这个插件可以帮助你在 Flutter 应用中轻松地处理用户通知。

安装插件

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

dependencies:
  flutter:
    sdk: flutter
  rdev_riverpod_firebase_user_notification: ^版本号

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

配置 Firebase

1. 创建 Firebase 项目：在 Firebase 控制台 中创建一个新的项目。

2. 添加 Android 应用：

   • 在 Firebase 控制台中，点击“添加应用”并选择 Android。
   • 输入你的包名（例如 com.example.app）。
   • 下载 google-services.json 文件，并将其放在 android/app 目录下。

3. 添加 iOS 应用：

   • 在 Firebase 控制台中，点击“添加应用”并选择 iOS。
   • 输入你的包名（例如 com.example.app）。
   • 下载 GoogleService-Info.plist 文件，并将其放在 ios/Runner 目录下。

4. 配置 Firebase SDK：

   • 在 android/build.gradle 文件中添加以下内容：

     dependencies {
         classpath 'com.google.gms:google-services:4.3.10'
     }
     

   • 在 android/app/build.gradle 文件中添加以下内容：

     apply plugin: 'com.google.gms.google-services'
     

初始化插件

在你的 Flutter 应用中初始化 rdev_riverpod_firebase_user_notification 插件：

import 'package:flutter/material.dart';
import 'package:rdev_riverpod_firebase_user_notification/rdev_riverpod_firebase_user_notification.dart';
import 'package:firebase_core/firebase_core.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: NotificationWrapper(),
    );
  }
}

class NotificationWrapper extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return UserNotificationProvider(
      child: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Firebase User Notification'),
      ),
      body: Center(
        child: Text('Hello, World!'),
      ),
    );
  }
}

处理通知

rdev_riverpod_firebase_user_notification 插件会自动处理 Firebase 通知的接收和显示。你可以通过 Riverpod 来监听通知状态：

import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:rdev_riverpod_firebase_user_notification/rdev_riverpod_firebase_user_notification.dart';

final notificationProvider = Provider<UserNotificationService>((ref) {
  return UserNotificationService();
});

class HomeScreen extends ConsumerWidget {
  [@override](/user/override)
  Widget build(BuildContext context, WidgetRef ref) {
    final notificationService = ref.watch(notificationProvider);

    return Scaffold(
      appBar: AppBar(
        title: Text('Firebase User Notification'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text('Hello, World!'),
            ElevatedButton(
              onPressed: () async {
                await notificationService.showLocalNotification(
                  title: 'Test Notification',
                  body: 'This is a test notification',
                );
              },
              child: Text('Show Local Notification'),
            ),
          ],
        ),
      ),
    );
  }
}

处理后台通知

对于后台通知，你需要在 AndroidManifest.xml 文件中配置一个后台服务：

<service
    android:name=".MyFirebaseMessagingService"
    android:exported="false">
    <intent-filter>
        <action android:name="com.google.firebase.MESSAGING_EVENT" />
    </intent-filter>
</service>

然后在 MyFirebaseMessagingService 类中处理通知：

import 'package:firebase_messaging/firebase_messaging.dart';

class MyFirebaseMessagingService extends FirebaseMessagingService {
  [@override](/user/override)
  void onMessage(RemoteMessage message) {
    // Handle the message
  }

  [@override](/user/override)
  void onBackgroundMessage(RemoteMessage message) {
    // Handle the background message
  }
}