Flutter中如何在runApp前调用Riverpod本地通知Provider

我正在使用flutter_local_notifications包为Flutter应用配置本地通知。官方示例中的通知配置操作是在runApp之前完成的，但我将本地通知插件封装成了Riverpod Provider，以便在应用任意位置便捷访问。现有代码实现如下：

@riverpod
Future<void> setupFlutterNotifications(SetupFlutterNotificationsRef ref) async {
  final notificationService = ref.watch(notificationServiceProvider);
  await notificationService.setupFlutterNotifications();
}

@riverpod
Future<bool?> requestNotificationPermissions(
  RequestNotificationPermissionsRef ref,
) async {
  final notificationService = ref.watch(notificationServiceProvider);
  return notificationService.requestPermissions();
}

@Riverpod(keepAlive: true)
NotificationService notificationService(NotificationServiceRef ref) {
  return NotificationService(
      ref, FlutterLocalNotificationsPlugin(), FirebaseMessaging.instance);
}

class NotificationService {
  NotificationService(this.ref, this._flutterLocalNotifications, this._fcm);

  // 省略其他代码...

  Future<void> showLocalNotification({
    required String title,
    required String body,
 }) async {
   return _flutterLocalNotifications.show(
     0,
     title,
     body,
     _notificationDetails,
     payload: 'No payload yet!',
 );
}

现在我想在runApp之前调用以下Provider的异步操作，请问具体该如何实现？

await ref.watch(setupFlutterNotificationsProvider.future);
await ref.watch(requestNotificationPermissionsProvider.future);

解决方案 #

要在runApp之前调用Riverpod Provider，需要手动创建ProviderContainer来获取ref实例，具体步骤如下：

1. 确保Flutter初始化完成，调用WidgetsFlutterBinding.ensureInitialized()
2. 创建ProviderContainer实例，作为Provider的容器
3. 通过容器的read方法调用目标Provider的future，等待异步操作完成
4. 最后运行App时，将容器传入UncontrolledProviderScope，保证应用全局使用同一个Provider容器

完整的main函数代码示例：

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

void main() async {
  // 必须先初始化Flutter绑定，否则异步操作会报错
  WidgetsFlutterBinding.ensureInitialized();

  // 创建Provider容器
  final container = ProviderContainer();

  try {
    // 执行通知初始化和权限请求
    await container.read(setupFlutterNotificationsProvider.future);
    await container.read(requestNotificationPermissionsProvider.future);
  } catch (e) {
    // 捕获初始化错误，避免应用崩溃
    print('通知初始化失败: $e');
  }

  // 启动应用，传入已初始化的容器
  runApp(
    UncontrolledProviderScope(
      container: container,
      child: const MyApp(),
    ),
  );
}

注意事项 #

• 使用UncontrolledProviderScope而非普通ProviderScope，因为我们已经手动创建了容器，无需自动生成新容器
• 异步操作必须放在WidgetsFlutterBinding.ensureInitialized()之后，否则会因Flutter环境未就绪报错
• 添加错误捕获逻辑，防止初始化失败导致应用无法启动

内容的提问来源于stack exchange，提问作者DeKekem