반응형 리프레쉬2 [React Native] 리액트 네이티브 새로고침하지 않아도 리프레쉬 - 페이지 전환 감지하여 이벤트 실행하기 리액트 네이티브에서 페이지 이동, 전환했을때 (포커스 이동) 감지하여 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 !== re.. 2023. 7. 25. [React Native] 리액트 네이티브 리스트 리프레쉬 리렌더링 재조회 하기 - FlatList 리액트 네이티브에서 목록을 만들 때 사용하는 리스트 중 FlatList를 구현했을때 목록을 재조회하는 기능에 대해서 구현했다. 흔히 사용하는 화면을 위에서 아래로 잡아 당기는(내리는) 모션으로 목록의 내용들을 리프레쉬하는 기능이다. # FlatList re-render const [refreshing, setRefreshing] = useState(false); const onRefresh = () => { if(!refreshing){ getRefreshData(); } } const getRefreshData = () => { setRefreshing(true); selectData(); //데이터 조회 함수 호출 setRefreshing(false); } return( ) 위와 같이 설정하여 적용해.. 2023. 6. 11. 이전 1 다음 반응형