getInitialNotification not working #3964
Comments
|
Stop using "react-native-splash-screen": "^3.2.0", Switch to react-native-bootsplash Search issues and pull requests for "react-native-splash-screen" you'll see |
|
Dear @mikehardy |
|
On the plus side, bootsplash has a sweet command line interface to generate the .storyboard file you need to migrate to anyway, with screenshots even. It was a pleasant migration, which is not a thing I say often. Cheers |
|
Dear @mikehardy |
|
Is there an specific place where I should call |
|
@ghasemikasra39 I called it in App.tsx useEffect(Did mount equivalent). |
messaging().getInitialNotification().then(this.handleSelected);
handleSelected = async remoteMessage => {
const notification = JSON.parse(remoteMessage.data.message);
switch (notification.type) {
case NOTIFICATION_TYPE_ONE:
navigation.navigate('screen1', {
data: notification.data,
});
break;
case NOTIFICATION_TYPE_TWO:
navigation.navigate('screen2', {
data: notification.data,
});
break;
}
};I am calling |
|
@ghasemikasra39 |
|
Is there a way to test this on simulator somehow ? It's extremely difficult to make small changes, then creating a build and install it on real device. I cannot debug or log something to find out where the problem is |
|
If you are on android it should work on simulator, debug mode should work fine. But in iOS there is no other way to test than on a real device. |
|
I cannot test it on a simulator, because I have to close the app to test |
|
I made it work by calling it at a higher level in the dom tree, right after the |
|
Hmm.. I haven't tested that scenario myself. Maybe it is due to the debug mode build? |
|
I created standalone apk and running on real device in release mode and facing this delay |
|
I created this question. In this question, you can find the latest update on my issue. I am still struggling with this issue. |
|
Hello 👋, to help manage issues we automatically close stale issues.
|
stale
bot
added
the
Type: Stale
This comment has been minimized.
This comment has been minimized.
stale
bot
removed
the
Type: Stale
This comment has been minimized.
This comment has been minimized.
|
@ghasemikasra39 Did you resolve your problem? |
|
I tried the below changes and it worked in android, haven't checked in IOS yet change in AndroidManifest.xml |
|
strongly recommended to use react-native-boot-splash, it handles the intent extras for you so that's not needed |
|
Push notification does not give call back if there are multiple notifications in the notification console and when one notification is already clicked then clicking on another notification from the notification tray after closing the app does not call any notification life cycle method. Let's say there are 5-6 notifications in the console, we click on one of the notification which opens up the app and works as expected and calls the related methods. After that when we close the app and then click on another notification from the notification console then it does not call any notification method. I am using "react-native": "0.61.4", and "@react-native-firebase/messaging": "^7.4.2", |
|
Hello 👋, to help manage issues we automatically close stale issues.
|
Thanks a lot. it worked |
|
Use react-native-boot-splash |
|
This helped me #4005 |
|
I was able to solve this problem, helping me with the notifee. I work with React Native and this library can listen to the events of your notifications. |
Hi @RishavKumar-3796, I am facing the same issue, When there are multiple notifications, if i close the app and click on notification, Data is empty. Kindly let me know if you had any solutions/ workarounds. Thanks. |
|
still not working to me |
|
messaging().onNotificationOpenedApp called even when app killed + i got fcm notification?? ( Android) |
its work for me thank you 😁👍 |
|
hi i have created nested navigation how can is use this when i am using drawer screen it is givng error // function for handling log out }; // function for showing logout modal // function for hiding logout modal // Logout Functionality Ends********// const currentUserName = useSelector(state => state.user.name); ); const HomeDrawer = ({navigation}) => { useEffect(() => { useEffect(() => { // api call for reading all notification const notificationIcon = () => { // get current user role ); const StackNavigator = () => { }, []); ); export default StackNavigator; const styles = StyleSheet.create({ |
|
Hi @Haseeba393 |
|
@keshavsharma0712 brother according to documentation, if the app is not launched by notification then you will receive null in this promise or if you relaunch app then it will be removed as well in this case again you will receive null. |
|
If you are using notifee along with RN firebase, you can use their listener while app mounting, |
|
^^ For me, both of this methods are not working. "@react-native-firebase/messaging": "18.3.0", |
|
facing this issue. can anybody help? |
|
@thisisashukla @khushbujilka22 can you provide reproduce able error repo? Also did you try to use await and async? |
|
@Haseeba393 here is my useEffect function i am getting |
|
@thisisashukla in which file did you write this use effect? Also are you using any bootsplash package for splash screen? |
|
i am using expo-splash-creen. i have written this useEffect in App.js |
|
Your application is based on React Native Expo or React Native CLI? |
|
react native expo |
|
testing on real device or emulator? |
|
@thisisashukla were you able to make it work ? |
Yes |
|
Can you tell me what solution you applied please I am facing the same issue getInitialNotification is null I have tried all the available suggestions. |
|
We are running into the same issue as well. This is on iOS physical device, and Edit
|
|
Those functions moved to https://notifee.app/ library so you will have to use notifee Read this: https://rnfirebase.io/messaging/usage#background--quit-state-messages |
Ah that makes sense. I did more testing. It seems like for prod build, what worked was not In the end we are going with:
|
|
Using |
|
At first I switched from Then, I read this part of @tao-qian comment.
I tried it and it worked! Note: I encountered this issue on Android. |
|
This works for me |
and others
Issue
The
messaging().onNotificationOpenedAppworks perfectly fine, when the app is open but is in the background.The
messaging().getInitialNotification()however, is not working as expected when the app is closed. Tapping on the notification will just open the app.Project Files
Javascript
Click To Expand
package.json:{ "scripts": { "start": "react-native start", "android": "react-native run-android", "ios": "react-native run-ios", "web": "expo start --web", "lint": "eslint 'src/**/*'", "fix": "eslint --fix 'src/**/*'", "test": "jest", "test-ci": "jest --ci --detectOpenHandles --forceExit", "storybook": "expo start --config './storybook/app.storybook.json'", "storybook-control": "start-storybook -p 7007" }, "dependencies": { "@react-native-community/async-storage": "^1.10.0", "@react-native-community/cli": "^4.8.0", "@react-native-community/masked-view": "^0.1.10", "@react-native-community/netinfo": "5.0.0", "@react-native-firebase/analytics": "^7.1.0", "@react-native-firebase/app": "^7.1.0", "@react-native-firebase/auth": "^8.0.0", "@react-native-firebase/crashlytics": "^7.1.0", "@react-native-firebase/firestore": "^7.1.0", "@react-native-firebase/messaging": "^7.1.1", "@react-navigation/bottom-tabs": "^5.3.1", "@react-navigation/native": "^5.2.1", "@react-navigation/stack": "^5.2.16", "@reduxjs/toolkit": "^1.3.5", "@types/react-native-snap-carousel": "^3.7.4", "add": "^2.0.6", "axios": "^0.19.0", "expo": "^36.0.0", "expo-apple-authentication": "~2.0.0", "expo-asset": "^8.1.5", "expo-av": "~8.0.0", "expo-blur": "~8.0.0", "expo-camera": "^8.2.0", "expo-constants": "^9.0.0", "expo-device": "~2.0.0", "expo-facebook": "^8.1.0", "expo-file-system": "~8.0.0", "expo-image-manipulator": "^8.1.0", "expo-image-picker": "^8.1.0", "expo-intent-launcher": "~8.0.0", "expo-linear-gradient": "~8.0.0", "expo-location": "~8.0.0", "expo-secure-store": "~8.0.0", "expo-sensors": "~8.0.0", "husky": "^3.1.0", "install": "^0.13.0", "lottie-ios": "3.1.3", "lottie-react-native": "^3.3.2", "moment": "^2.24.0", "object-hash": "^2.0.1", "react": "16.11.0", "react-dom": "^16.13.1", "react-native": "0.62.2", "react-native-device-screen-switcher": "^0.1.0", "react-native-dotenv": "^0.2.0", "react-native-elements": "^1.2.7", "react-native-gesture-handler": "^1.6.1", "react-native-maps": "0.27.1", "react-native-mixpanel": "^1.2.0", "react-native-modalbox": "^2.0.0", "react-native-photoeditorsdk": "^2.4.1", "react-native-push-notification-popup": "^1.4.0", "react-native-reanimated": "^1.9.0", "react-native-safe-area-context": "0.6.0", "react-native-screens": "2.0.0-alpha.12", "react-native-snap-carousel": "^3.9.0", "react-native-splash-screen": "^3.2.0", "react-native-svg": "9.13.3", "react-native-swipe-list-view": "^2.5.0", "react-native-swiper": "git+https://github.com/i22-digitalagentur/react-native-swiper.git#08655fe84b36dc5f1a682326f210684409639870", "react-native-tab-view": "^2.14.4", "react-native-unimodules": "~0.7.0", "react-native-video": "^4.4.5", "react-native-videoeditorsdk": "^2.4.2", "react-native-web": "^0.11.7", "react-redux": "^7.1.3", "redux": "^4.0.4", "redux-actions": "^2.6.5", "redux-mock-store": "^1.5.3", "redux-observable": "^1.2.0", "redux-persist": "^6.0.0", "rxjs": "^6.5.5", "url": "^0.11.0", "validate": "^5.1.0", "yarn": "^1.22.4" }, "devDependencies": { "@babel/cli": "^7.8.4", "@babel/core": "^7.9.0", "@babel/node": "^7.8.7", "@babel/preset-env": "^7.9.5", "@react-native-community/eslint-config": "0.0.5", "@sambego/storybook-state": "^1.3.6", "@storybook/addon-actions": "^5.3.18", "@storybook/addon-links": "^5.3.18", "@storybook/addons": "^5.3.18", "@storybook/react-native": "^5.3.18", "@storybook/react-native-server": "^5.3.18", "@testing-library/react-native": "^5.0.1", "@types/jest": "^24.0.23", "@types/react": "^16.9.34", "@types/react-native": "^0.57.65", "@types/react-native-swiper": "^1.5.10", "@types/react-native-video": "^5.0.1", "babel-jest": "~24.9.0", "babel-loader": "^8.1.0", "babel-preset-expo": "^7.1.0", "enzyme": "^3.11.0", "enzyme-adapter-react-16": "^1.15.2", "eslint": "^5.16.0", "eslint-config-prettier": "^6.11.0", "jest": "~24.9.0", "jest-expo": "^36.0.0", "metro-react-native-babel-preset": "~0.56.0", "react-test-renderer": "^16.13.1", "typescript": "^3.8.3" }, "private": true }firebase.jsonfor react-native-firebase v6:# N/AiOS
Click To Expand
ios/Podfile:AppDelegate.m:Android
Click To Expand
Have you converted to AndroidX?
android/gradle.settingsjetifier=truefor Android compatibility?jetifierfor react-native compatibility?android/build.gradle:// N/Aandroid/app/build.gradle:// N/Aandroid/settings.gradle:// N/AMainApplication.java:// N/AAndroidManifest.xml:<!-- N/A -->Environment
Click To Expand
react-native infooutput:react-native-firebaseversion you're using that has this issue:7.1.0Firebasemodule(s) you're using that has the issue:getInitialNotificationTypeScript?3.9.5React Native FirebaseandInvertaseon Twitter for updates on the library.The text was updated successfully, but these errors were encountered: