React Native App останавливает слушатель Firebase после Loggin Bundle ./index.js ⇐ Javascript

[Anonymous]

Я работаю над нативным приложением React, которое использует базу данных Firebase Realtime и FCM уведомления. Я настроил слушателя для прослушивания изменений в базе данных Firebase и запустить локальные уведомления с использованием react-inative-push-push. >
BUNDLE ./index.js
< /code>

В уведомлениях о приложениях перестали работать. < /li>
Единственный способ их восстановления - это перезапустить приложение вручную. li>
< /ul>
Что я пробовал: < /strong> < /p>

Используйте effect < /li>
< /ul>
Попробого настройки слушателей Firebase Inside Использование Eaffect, когда компонент монтируется. < /p>

Использование AppState для перезапуска прослушивателей < /li>
< /ul>
Пробовал обнаружить изменения состояния приложения (активное, фон) и перезагрузить слушатель. < /P>

Обеспечение того, чтобы слушатели не были удалены < /li>
< /ul>
проверяли, что .off () вызывается только перед тем, как привлекать слушателей, чтобы избежать дублирования. < /p >

Отключение Metro Fast Refresh < /li>
< /ul>
Попробое добавлению Livereload: False в настройках метро, ​​чтобы предотвратить ненужные перезагрузки .
мой текущий код слушателя уведомлений:

import { AppState } from 'react-native';
import messaging from '@react-native-firebase/messaging';
import database from '@react-native-firebase/database';
import PushNotification from 'react-native-push-notification';

const listenForNotifications = async () => {
console.log('Listening for notifications...');
try {
const authStatus = await messaging().requestPermission();
const enabled =
authStatus === messaging.AuthorizationStatus.AUTHORIZED ||
authStatus === messaging.AuthorizationStatus.PROVISIONAL;

if (!enabled) {
console.log('User denied notification permissions');
return;
}

const token = await messaging().getToken();
if (!token) {
console.log('FCM token not available');
return;
}

const notificationRef = database().ref('notifications').child(token);

// Remove existing listeners to avoid duplication
notificationRef.off();

notificationRef.on(
'value',
snapshot => {
if (snapshot.exists()) {
const notificationData = snapshot.val();

PushNotification.localNotification({
channelId: 'default',
title: notificationData?.notification?.title || 'New Notification',
message: notificationData?.notification?.body || 'You have a new message',
playSound: true,
soundName: 'default',
importance: 'high',
});
}
},
error => {
console.error('Error listening to notifications:', error);
}
);

return () => {
notificationRef.off();
};
} catch (error) {
console.error('Error setting up notification listener:', error);
}
};

// Restart listener when the app state changes
import { useEffect } from 'react';

const App = () => {
useEffect(() => {
const handleAppStateChange = (nextAppState) => {
if (nextAppState === 'active') {
console.log('App became active, restarting listener...');
listenForNotifications();
}
};

const subscription = AppState.addEventListener('change', handleAppStateChange);

// Run listener on first mount
listenForNotifications();

return () => {
subscription.remove();
};
}, []);

return (
// Your App UI
);
};

export default App;

< /code>
Что мне нужна с помощью: < /strong> < /p>

Почему мои слушатели Firebase перестают работать после Bundle ./index.js регистрируется? автоматически восстановить все слушатели, когда это произойдет? Знаю, почему он появляется случайным образом в некоторых уведомлениях, оно совершенно случайно, иногда уведомления продолжают работать, и некоторое время эти журналы появляются, когда новое уведомление появляется в первый раз, а затем оно останавливается на этом

Подробнее здесь: https://stackoverflow.com/questions/793 ... e-index-js