flutter如何实现通知栏功能

在Flutter中如何实现通知栏功能？我需要在Android和iOS平台上显示通知，包括自定义图标、标题和内容。有没有推荐的插件或原生实现方案？具体代码示例和配置步骤是怎样的？

2 回复

Flutter中实现通知栏功能需使用flutter_local_notifications插件。步骤如下：

  1. 添加依赖到pubspec.yaml。
  2. 初始化插件并配置Android和iOS的通知权限。
  3. 调用show方法发送通知，可自定义标题、内容等。
  4. 处理用户点击通知的事件。

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


在Flutter中实现通知栏功能可以通过以下两种方式：

1. 使用 flutter_local_notifications 插件（推荐）

安装依赖

dependencies:
  flutter_local_notifications: ^16.3.0

基本实现步骤

import 'package:flutter_local_notifications/flutter_local_notifications.dart';

class NotificationService {
  static final FlutterLocalNotificationsPlugin _notifications = 
      FlutterLocalNotificationsPlugin();

  // 初始化通知
  static Future<void> initialize() async {
    const AndroidInitializationSettings androidSettings =
        AndroidInitializationSettings('@mipmap/ic_launcher');
    
    const DarwinInitializationSettings iosSettings =
        DarwinInitializationSettings();
    
    const InitializationSettings settings = InitializationSettings(
      android: androidSettings,
      iOS: iosSettings,
    );
    
    await _notifications.initialize(settings);
  }

  // 显示简单通知
  static Future<void> showSimpleNotification({
    required String title,
    required String body,
    int id = 0,
  }) async {
    const AndroidNotificationDetails androidDetails =
        AndroidNotificationDetails(
      'main_channel',
      'Main Channel',
      channelDescription: 'Main channel notifications',
      importance: Importance.max,
      priority: Priority.high,
    );
    
    const NotificationDetails details = NotificationDetails(
      android: androidDetails,
      iOS: DarwinNotificationDetails(),
    );
    
    await _notifications.show(id, title, body, details);
  }
}

在应用中使用

// 初始化
await NotificationService.initialize();

// 显示通知
await NotificationService.showSimpleNotification(
  title: '新消息',
  body: '您有一条新消息，请查收',
);

2. 针对不同平台的配置

Android 配置

在 android/app/src/main/AndroidManifest.xml 中添加权限：

<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED"/>

iOS 配置

在 ios/Runner/Info.plist 中添加：

<key>UIBackgroundModes</key>
<array>
  <string>remote-notification</string>
</array>

主要功能特性

  • 定时通知：使用 zonedSchedule 方法
  • 大图通知：通过 BigPictureStyle 实现
  • 进度条通知：显示下载进度等
  • 自定义图标和声音
  • 点击通知跳转：通过 onSelectNotification 回调

这是Flutter实现通知栏功能最常用的方法，可以满足大部分应用场景的需求。

回到顶部