Réglage de la minuterie pour une longue période de temps, c'est à dire plusieurs minutes

Cela résout la boîte jaune et le journal de la console. Même le corrige pour l'Expo.

Il suffit de placer le script suivant au début de votre code.

import { YellowBox } from 'react-native';
import _ from 'lodash';
YellowBox.ignoreWarnings(['Setting a timer']);
const _console = _.clone(console);
console.warn = message => {
if (message.indexOf('Setting a timer') <= -1) {
_console.warn(message);
}
};

J'ai eu le même problème et je pense que c'est le problème de firebase web SDK j'ai donc décidé de déposer firebase web SDK car il s'exécute dans le thread, de ne pas réagir-thread natif.

Et j'ai trouvé réagir-native-firebase . C'est mieux que de firebase web SDK avec des performances supérieures et ce problème s'en alla

Dans login(), votre setTimeout() appel est manquant d'une valeur d'intervalle. En général, les navigateurs qui ne se déclenche pas les délais d'attente/intervalles réguliers si la fenêtre/onglet en arrière-plan, ou, au moins, ils ne devraient pas être prises en temps opportun. C'est pour éviter d'abusif script de comportement, et à réduire la consommation d'énergie par des scripts qui peuvent être des bureaux de vote.

Votre code devrait fonctionner, en principe, si l'utilisateur passe loin de la fenêtre, tandis que la minuterie est en marche, il sera terminé quand ils reviennent. C'est probablement ce que vous voulez à partir d'un UX point de vue, parce que les utilisateurs voit le passage, plutôt que ce qui se passe en arrière-plan lorsqu'ils ne sont pas à la recherche. Il leur permet de maintenir mentale en contexte.

La boîte jaune est parce que vous êtes la fixation d'un trop long minuterie en fonction du message (près de deux minutes) et qui est peu probable d'être contextuellement ce que vous voulez. La JS environnement est l'avertissement que ce que vous faites n'est pas probable que vous envisagez. Vous pouvez désactiver le message d'avertissement si c'est ce que vous voulez.

Une autre approche consiste à utiliser l'réagissent-native-ignorer les avertissements de module.

https://github.com/jamrizzi/react-native-ignore-warnings

https://www.npmjs.com/package/react-native-ignore-warnings

Ceci fonctionne même pour l'Expo apps.

Que vous pouvez l'utiliser de la façon suivante . . .

import ignoreWarnings from 'react-native-ignore-warnings';
ignoreWarnings('Setting a timer');

peut fonctionner avec android aussi..?

Contourner le problème avec le jaune d'avertissement de Réglage d'une minuterie .

copie & importation de fichier suivants (aussi vite que vous le pouvez ;-))

import {Platform, InteractionManager} from 'react-native';
const _setTimeout = global.setTimeout;
const _clearTimeout = global.clearTimeout;
const MAX_TIMER_DURATION_MS = 60 * 1000;
if (Platform.OS === 'android') {
//Work around issue `Setting a timer for long time`
//see: https://github.com/firebase/firebase-js-sdk/issues/97
const timerFix = {};
const runTask = (id, fn, ttl, args) => {
const waitingTime = ttl - Date.now();
if (waitingTime <= 1) {
InteractionManager.runAfterInteractions(() => {
if (!timerFix[id]) {
return;
}
delete timerFix[id];
fn(...args);
});
return;
}
const afterTime = Math.min(waitingTime, MAX_TIMER_DURATION_MS);
timerFix[id] = _setTimeout(() => runTask(id, fn, ttl, args), afterTime);
};
global.setTimeout = (fn, time, ...args) => {
if (MAX_TIMER_DURATION_MS < time) {
const ttl = Date.now() + time;
const id = '_lt_' + Object.keys(timerFix).length;
runTask(id, fn, ttl, args);
return id;
}
return _setTimeout(fn, time, ...args);
};
global.clearTimeout = id => {
if (typeof id === 'string' && id.startsWith('_lt_')) {
_clearTimeout(timerFix[id]);
delete timerFix[id];
return;
}
_clearTimeout(id);
};
}

Dans l'Expo, il n'a travaillé que pour moi avec ce code, que j'ai reçu de CopyJosh réponse dans le Github question:

class App extends Component {
constructor() {
super();
YellowBox.ignoreWarnings(['Setting a timer']);
console.ignoredYellowBox = ['Setting a timer'];
const consoleClone = clone(console);
console.warn = message => {
if (message.indexOf('Setting a timer') <= -1) {
consoleClone.warn(message);
}
};
}
render() {
return (...);
}
}
export default App;

La clé est de placer le code à l'intérieur de la App point d'entrée constructor fonction.