본문 바로가기
Frontend/React Native

[React Native] 리액트 네이티브 새로고침하지 않아도 리프레쉬 - 페이지 전환 감지하여 이벤트 실행하기

by couque 2023. 7. 25.
반응형

리액트 네이티브에서 페이지 이동, 전환했을때 (포커스 이동) 감지하여 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]);
반응형

댓글