firebase push notification popup doesn't show in foreground.

[ravi123saxena]

<meta-data android:name="com.dieam.reactnativepushnotification.notification_foreground"

    android:value="false"/>

    <!-- Change the resource name to your App's accent color - or any other color you want -->

    <meta-data android:name="com.dieam.reactnativepushnotification.notification_color"

    android:resource="@color/white"/> <!-- or @android:color/{name} to use a standard color -->

    <receiver android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationActions" />

    <receiver android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationPublisher" />

    <receiver android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationBootEventReceiver">

      <intent-filter>

        <action android:name="android.intent.action.BOOT_COMPLETED" />

        <action android:name="android.intent.action.QUICKBOOT_POWERON" />

        <action android:name="com.htc.intent.action.QUICKBOOT_POWERON"/>

      </intent-filter>
    </receiver>
    <service
      android:name="com.dieam.reactnativepushnotification.modules.RNPushNotificationListenerService"
      android:exported="false" >
      <intent-filter>
      <action android:name="com.google.firebase.MESSAGING_EVENT" />
      </intent-filter>
    </service>

code:

class App extends React.Component {
constructor(props) {
super(props);
console.reportErrorsAsExceptions = false;
this.notif = new NotifService(
this.onRegister.bind(this),
this.onNotif.bind(this),
);
this.state = {
appState: AppState.currentState,
notifyState:0,
};
}

onRegister = async (token) => {
await AsyncStorage.setItem('fcmToken', token);
}

onNotif(notif) {
//Alert.alert(notif.title, notif.message);
PushNotification.localNotification({
title: notif.title,
message: notif.message,
playSound: true,
soundName: 'default',
actions: '["Yes", "No"]'
});
}

handlePerm(perms) {
Alert.alert('Permissions', JSON.stringify(perms));
}

Please help asap. Thanks for your support.