iOS Action not firing properly when the app is not active

Question

In iOS, tapping on an action in a notification (Yes/No in my case) does not work while the app is not active. If the app is in the background or it is in the foreground everything works as expected. I believe this is an issue with https://github.com/react-native-community/push-notification-ios, so I also have an issue open on that repo https://github.com/react-native-community/push-notification-ios/issues/178.

One important observation I’ve noticed is that PushNotification.popInitialNotification does not get invoked at all. I believe this is because of the fact that PushNotificationIOS.getInitialNotification() resolves to null as noted in my issue on that repo.

I do have a workaround for this, which is to fire an event over the event emitter, but I do not like my custom solution.

Has anyone ran into this? Is this a bug to be fixed in https://github.com/react-native-community/push-notification-ios? Thanks in advance for your responses.

[Dallas62]

Since I’m not the maintainer of the iOS library, I can’t answer to this question. But I think the main reason is time 😅

[ForamPattha]

@ForamPattha of course!

The trick is to utilize React Native’s Event Emitter to bypass this defect.

Somewhere in your swift code, likely inside of userNotificationCenter(UNUserNotificationCenter, UNUserNotificationResponse, Void) you need to add EventEmitter.instance.dispatch(event: {your event})

In the JS layer, we need to listen for this event. React Native provides a JS interface for this. It’s kind of hidden in the docs so stackoverflow might be your best bet at getting other examples/help. Refer the JS below:

import { NativeEventEmitter } from 'react-native';
const { ReactNativeEventEmitter } = NativeModules;
const reactNativeEventEmitter = new NativeEventEmitter(ReactNativeEventEmitter);
// ...
let myListener = reactNativeEventEmitter.addListener(
  'yourEventString',
  data => {
    // your callback
  },
);

Make sure to remove the event listener when the component is destroyed to avoid memory leaks:

  componentWillUnmount(){
    myListener.remove();
  }

Let me know how it goes!

Can you please describe in details I’m not understand your point . Or if possible can you please share your code or send screen shot of your code file ?