Frontend/React Native
[React Native] 리액트 네이티브 새로고침하지 않아도 리프레쉬 - 페이지 전환 감지하여 이벤트 실행하기
couque
2023. 7. 25. 22:45
반응형
리액트 네이티브에서 페이지 이동, 전환했을때 (포커스 이동) 감지하여 useEffect 함수를 실행할 수 있다.
새로고침이 일어나지 않더라도 화면이 전환됐을때, useIsFocused()를 사용하여 useEffect를 실행시킬 수 있다.
import { useIsFocused } from '@react-navigation/native';
const isFocused = useIsFocused();
useEffect(() => {
if(isFocused){
AsyncStorage.getItem('userInfo', (err, result) => {
const resultUserInfo = JSON.parse(result);
if(null !== resultUserInfo && undefined !== resultUserInfo && "" !== resultUserInfo){
selectList(resultUserInfo);
}else{
navigation.push('Main');
}
});
}
}, [isFocused]);
반응형