Bug: useLayoutEffect não é acionado quando uma ação voltar é executada

[AndreLaranjeira]

Functioning solution:

const unsubscribe = props.navigation.addListener('didFocus', () => {
console.log('focussed');
});

useFocusEffect(
useCallback(() => {
setStatusBarBackgroundColor(styles.statusBarColor, true);
}, []),
);

Sources:

• https://stackoverflow.com/questions/60182942/useeffect-not-called-in-react-native-when-back-to-screen
• https://reactnavigation.org/docs/use-focus-effect/

Observação: Não fazer isso em um componente, mas sim nas páginas. Tome cuidado em especial para páginas com condicionais (detalhes de animal).

Revisor: Hugo.