반응형 로딩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] 리액트 네이티브 데이터 처리 시 splash loading 로딩 구현하기 리액트 네이티브로 데이터 조회, 저장, 수정, 삭제 등의 작업을 할 때 또는 API를 통해 데이터를 조회해 오는 시간동안 사용자에게 보여줄 로딩을 제공해 주어야 하는데, 로딩 화면 또는 이미지를 보여주지 않는 경우 사용자는 실행되지 않는 상태로 인지하여 여러번 호출하거나 시간이 너무 길어지면 이탈할 수도 있으므로 로딩 처리는 중요하다. 리액트 네이티브의 ActivityIndicator를 이용하여 splash 구현하는 방법이다. # 라이브러리 설치하기 npm i react-native-splash-screen --save # ActivityIndicator 구현하기 import {StyleSheet, View, ActivityIndicator} from 'react-native'; function Spla.. 2023. 6. 2. 이전 1 다음 반응형