반응형
리액트 네이티브에서 페이지 이동, 전환했을때 (포커스 이동) 감지하여 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]);
반응형
'Frontend > React Native' 카테고리의 다른 글
[React Native] 리액트 네이티브 달력 날짜 사용하기 - DateTimePickerModal (0) | 2023.08.14 |
---|---|
[React Native] 이미지 업로드 하기 - 갤러리, 사진첩 이미지 (0) | 2023.07.31 |
[React Native] 리액트 네이티브 AsyncStorage 앱 종료해도 데이터 유지하기 (0) | 2023.06.16 |
[React Native] 리액트 네이티브 리스트 리프레쉬 리렌더링 재조회 하기 - FlatList (0) | 2023.06.11 |
[React Native] 리액트 네이티브 안드로이드 기기 뒤로가기 버튼으로 앱 종료 하기 (0) | 2023.06.06 |
댓글