flutter如何实现通知栏插件

在Flutter中如何实现通知栏插件功能？我需要在Android和iOS平台上显示通知，但不知道该如何集成原生代码。是否有推荐的插件或步骤可以详细说明？最好能提供示例代码和常见问题的解决方案。

2 回复

使用Flutter实现通知栏插件，可借助flutter_local_notifications库。步骤：

  1. 添加依赖到pubspec.yaml。
  2. 配置Android和iOS权限。
  3. 初始化插件并显示通知。 示例代码：
FlutterLocalNotificationsPlugin().show(
  0, '标题', '内容', NotificationDetails(),
);

更多关于flutter如何实现通知栏插件的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中实现通知栏功能，可以使用官方推荐的 flutter_local_notifications 插件。以下是实现步骤：

1. 添加依赖

在 pubspec.yaml 中添加：

dependencies:
  flutter_local_notifications: ^16.3.0

运行 flutter pub get 安装。

2. 配置平台设置

Android 配置：

  • 在 android/app/src/main/AndroidManifest.xml 中添加权限：
<uses-permission android:name="android.permission.VIBRATE"/>
<uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>
  • 创建通知渠道（Android 8.0+ 必需）：
const AndroidNotificationChannel channel = AndroidNotificationChannel(
  'high_importance_channel',
  'High Importance Notifications',
  description: 'This channel is used for important notifications.',
  importance: Importance.high,
);

iOS 配置：

  • 在 ios/Runner/Info.plist 中添加权限：
<key>NSUserNotificationsUsageDescription</key>
<string>需要通知权限以显示提醒</string>

3. 初始化插件

final FlutterLocalNotificationsPlugin notifications = FlutterLocalNotificationsPlugin();

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化设置
  const AndroidInitializationSettings androidSettings = AndroidInitializationSettings('@mipmap/ic_launcher');
  const DarwinInitializationSettings iosSettings = DarwinInitializationSettings();
  const InitializationSettings initSettings = InitializationSettings(
    android: androidSettings,
    iOS: iosSettings
  );
  
  await notifications.initialize(initSettings);
  
  // Android 创建通知渠道
  await notifications.resolvePlatformSpecificImplementation<AndroidFlutterLocalNotificationsPlugin>()?.createNotificationChannel(channel);
  
  runApp(MyApp());
}

4. 显示通知

Future<void> showNotification() async {
  await notifications.show(
    0,
    '通知标题',
    '通知内容',
    NotificationDetails(
      android: AndroidNotificationDetails(
        channel.id,
        channel.name,
        channelDescription: channel.description,
        importance: Importance.high,
        priority: Priority.high,
      ),
      iOS: const DarwinNotificationDetails(),
    ),
  );
}

5. 处理点击事件

在初始化时设置点击回调：

await notifications.initialize(
  initSettings,
  onDidReceiveNotificationResponse: (NotificationResponse response) {
    // 处理通知点击
    print('点击通知: ${response.payload}');
  }
);

主要功能

  • 定时通知：使用 zonedSchedule 方法
  • 取消通知：notifications.cancel(id)
  • 自定义图标：配置 Android 的 drawable 资源

注意：Android 13+ 需要动态请求通知权限，可使用 permission_handler 插件配合实现。

回到顶部