The images in FCM push notifications are not displaying on iOS.

[mickeyblsk]

FCM push notification image not displaying on iOS

I'm trying to implement FCM messages with images in my project, and while it works fine on Android, I'm encountering an issue where the images are not displayed on iOS.

I've attempted to intercept and re-add the images to the attachments in the func userNotificationCenter(_ center: UNUserNotificationCenter, willPresent notification: UNNotification, withCompletionHandler completionHandler: @escaping (UNNotificationPresentationOptions) -> Void) method in AppDelegate.swift to display the images when the app is opened. However, when the app is running in the background or closed, the images in received push notifications are not displayed due to a failure to handle them properly.

Could anyone provide guidance on how to resolve this issue?

Approximately minimal Flutter execution section:

/// 推播數據暫存
final Map<int, RemoteMessage> _notificationData = {};
FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin = FlutterLocalNotificationsPlugin();

String deepUrl='';

/// 消息通知管理類
class FirebaseMessagingManager{
  static FirebaseMessagingManager? _instance;
  /// - 通知消息的顯示、點擊事件處理
  factory FirebaseMessagingManager() =>
      _instance ??= FirebaseMessagingManager._internal();

  FirebaseMessagingManager._internal();

  /// 是否為冷啟動
  var _isInitial = false;

  /// 是否為冷啟動
  bool get isInitial => _isInitial;

  Map<String, String> tokenMap = {'apnsToken':'','deviceToken':''};

  /// 初始化推播相關設置
  Future<Map<String, String>> init() async {
    await _initMessageListen();
    _initNotification();
    return tokenMap;
  }

  /// 初始化消息通知
  void _initNotification(){
    // Android 通知圖示配置
    const AndroidInitializationSettings androidSettings =
    AndroidInitializationSettings('notification_icon');
    const InitializationSettings settings = InitializationSettings(
        android: androidSettings,
        iOS: DarwinInitializationSettings()
    );
    var notificationsPlugin = FlutterLocalNotificationsPlugin();
    notificationsPlugin.initialize(settings,
        onDidReceiveNotificationResponse: (_){
          _notificationResponse(_notificationData.remove(_.id!));
        }
    );
  }

  /// 初始化推播訊息監聽
  Future<void> _initMessageListen() async {
    //for iOS 的權限設定
    var settings = await FirebaseMessaging.instance.requestPermission();
    print(settings.authorizationStatus);
    print(AuthorizationStatus.authorized);
    if(settings.authorizationStatus != AuthorizationStatus.authorized){
      print('No Firebase Cloud Messaging Authorization Permissions !');
    }else{
      // 獲取推播憑證
      if(Platform.isIOS){
        await FirebaseMessaging.instance.getAPNSToken().then((token) {
          print('APNS Token : $token');
          tokenMap['apnsToken'] = token.toString();
        });
      }
      await FirebaseMessaging.instance.getToken().then((token) {
        print('Firebase Cloud Messaging Token : $token');
        tokenMap['deviceToken'] = token.toString();
      });
      // 停止狀態下擊通知訊息開啟 APP 後的動作監聽
      FirebaseMessaging.instance.getInitialMessage().then((m)=>_notificationResponse(m,true));
      // 背景下點擊通知訊息開啟 APP 後的動作監聽
      FirebaseMessaging.onMessageOpenedApp.listen(_notificationResponse);
    }
  }

  /// 點擊通知時的動作監聽(前景、與背景共用，頁面跳轉/事件)
  /// - message : 消息內容
  /// - isInitial : 是否為冷啟動觸發
  Future<void> _notificationResponse(RemoteMessage? message,[bool isInitial = false]) async {
    if(message != null){
      _isInitial = isInitial;
      debugPrint('getOpenMessage: ${message.data}',);
      var id = message.data['content_id'];
      print('DO deeplink jump to page: $id');
    }
  }
}

Approximately minimal AppDelegate execution section:

import UIKit
import Flutter
import FirebaseCore
import FirebaseMessaging
import UserNotifications

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
      FirebaseApp.configure()
      GeneratedPluginRegistrant.register(with: self)
      
      let controller: FlutterViewController = window?.rootViewController as! FlutterViewController
      let preferencesChannel = FlutterMethodChannel(name: "MySharedPreferencesChannel", binaryMessenger: controller.binaryMessenger)
      
      let channel = FlutterMethodChannel(name:"app/data", binaryMessenger: controller.binaryMessenger)
      
      channel.setMethodCallHandler { [weak self] (call, result) in
          switch call.method {
          case "getUserData":
              self?.handleGetUserData(result: result)
          default:
              result(FlutterMethodNotImplemented)
          }
      }
      
      notificationDelegate = FlutterNotificationDelegate()
      UNUserNotificationCenter.current().delegate = notificationDelegate
      
      return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }
  
  private func handleGetUserData(result: FlutterResult) {
      let deviceCode = UserDefaults.standard.object(forKey: "RTDeviceCode") as? String ?? ""
      let randomCode = UserDefaults.standard.object(forKey: "RTRandomCode") as? String ?? ""
      let accessToken = UserDefaults.standard.object(forKey: "RTAccessToken") as? String ?? ""
      
      
      result(["deviceCode": deviceCode, "randomCode": randomCode, "accessToken": accessToken])
  }
  
  override func application(
      _ application: UIApplication,
      didRegisterForRemoteNotificationsWithDeviceToken deviceToken: Data
  ) {
      Messaging.messaging().apnsToken = deviceToken
  }
  
}


class FlutterNotificationDelegate: NSObject, UNUserNotificationCenterDelegate {
  
  var times = 0;
  
  func userNotificationCenter(
      _ center: UNUserNotificationCenter,
      didReceive response: UNNotificationResponse,
      withCompletionHandler completionHandler: @escaping () -> Void
  ) {
      completionHandler()
  }
  
  func userNotificationCenter(
      _ center: UNUserNotificationCenter,
      willPresent notification: UNNotification,
      withCompletionHandler completionHandler: @escaping (UNNotificationPresentationOptions) -> Void
  ) {
      let content = notification.request.content
      let userInfo = content.userInfo
      
      if times == 0{
          times += 1
          if let imageUrlString = userInfo["image_url"] as? String, let imageUrl = URL(string: imageUrlString) {
              let session = URLSession.shared
              let task = session.dataTask(with: imageUrl) { (data, response, error) in guard let data = data, error == nil else {
                  return
              }
                  
                  if let fileName = response?.suggestedFilename {
                      let fileManager = FileManager.default
                      guard let documentsDirectory = fileManager.urls(for: .documentDirectory, in: .userDomainMask).first else {
                          return
                      }
                      
                      let fileURL = documentsDirectory.appendingPathComponent(fileName)
                      do {
                          try data.write(to: fileURL)
                          let attachment = try UNNotificationAttachment(identifier: "image", url: fileURL, options: nil)
                          let mutableContent = content.mutableCopy() as! UNMutableNotificationContent
                          mutableContent.attachments = [attachment]
                          
                          let request = UNNotificationRequest(identifier: "notification", content: mutableContent, trigger: nil)
                          UNUserNotificationCenter.current().add(request) { (error) in
                              if let error = error {
                                  print("iOS[firebase push] Failed to add notification request: \(error.localizedDescription)")
                              } else {
                                  print("iOS[firebase push] Notification request added successfully.")
                              }
                          }
                      } catch {
                          print("iOS[firebase push] Failed to save image file or create attachment: \(error.localizedDescription)")
                      }
                  }
              }
              task.resume()
          }
          return
      }
      
      if #available(iOS 14.0, *) {
          completionHandler([.list, .banner])
      } else {
          completionHandler(.alert)
      }
  }
}

[Shivanshu812]

is there any progress on this issue? I am facing same for last week but not able to resolve

[bsglm]

+1