[React Native] AppLoading

AppLoading

 

언제 쓰느냐?

사용자가 앱을 실행하면 데이터를 불러오기 시작하는데, 이때 시간이 많이 걸릴수도 있고 이 데이터를 기다리는 동안 사용자가 그 과정을 볼 수도 있을 것이다. 이런 부분을 보완하기 위해서 있는게 AppLoading이다

사용자 경험적인 부분을 보완하기 위해서 사용하는 것이다. 

 

어떻게 보이느냐

로딩이 완료될 때까지 아이콘이라던가, 이미지라던가 대체를 할 수 있는 무언가를 보여준다. 

 

AppLoading Props

다양한 Prop이 있는데, 이를 이용해서 api호출 등 다양한 부분에서 활용할 수 있다. 

 

• startAsync (function) : Promise를 반환하는 함수를 전달하는데 AppLoading이 시작될 때 실행된다. 
• onError (function) : 데이터를 로드할 때 에러가 발생되면 실행되는 함수다
• onFinish (function) : 데이터를 로드하는 과정이 끝났을 때 실행되는 함수다. 

 

 

 

 

 

(official) expo AppLoading https://docs.expo.dev/versions/latest/sdk/app-loading/

AppLoading - Expo Documentation