AppState API는 앱의 상태(active, inactive, background)를 이벤트 리스너를 통해 메서드 호출을 받습니다
AppState의 사용 예
- 앱이 foreground로 변경되었을때 데이터의 갱신
- 주기적인 이벤트 발생시 background, foreground의 상태에 따라 동작 결정
- 앱이 foreground 상태가 됐을 때, 화면의 잠금 상태를 풀기 위해 인증 로직 동작
우선 react-native에서 AppState를 import합니다.
componentDidMount() override함수에서 AppState.addEventListener(타입, 핸들러함수)를 통해 리스너를 등록합니다.
handleAppStateChange 핸들러 함수를 정의하고 AppState가 변경될때 마다 log를 찍도록 합니다.
앱 실행 후 iOS는 커맨드+쉬프트+h , 안드로이드는 Home 버튼을 눌러 홈화면으로 이동하면 개발자 도구의 console을 통해 아래와 같은 로그를 확인할 수 있습니다.
공식 가이드를 통해 더 자세한 내용과 예제를 확인해 봅니다.
'React native' 카테고리의 다른 글
크로스 플랫폼 - Clipboard API (0) | 2020.01.19 |
---|---|
크로스 플랫폼 - AsyncStorage (0) | 2020.01.12 |
크로스 플랫폼 - Alert dialog (0) | 2020.01.10 |
Redux - 데이터 처리 (0) | 2020.01.07 |
Animation (0) | 2020.01.05 |