Класс AppState

Класс AppState не рисует элементы на экране. Геттер currentState возвращает строку из перечисления AppStateStatus. Метод addEventListener вызывает обработчик при смене состояния. Подписка возвращает объект EmitterSubscription.

Синтаксис

import { AppState } from 'react-native';

const state = AppState.currentState;

Методы

Метод	Описание
`addEventListener`	Подписывает функцию на событие смены состояния.

Пример

Давайте покажем текущее состояние на экране:

import { View, Text, AppState } from 'react-native';

export default function App() {
	return (
		<View>
			<Text>{AppState.currentState}</Text>
		</View>
	);
}

На экране строка вроде 'active' или 'background'.

Пример

Давайте обновим подпись при уходе приложения в фон:

import { useEffect, useState } from 'react';
import { View, Text, AppState } from 'react-native';

export default function App() {
	const [label, setLabel] = useState(AppState.currentState);

	useEffect(() => {
		const sub = AppState.addEventListener('change', setLabel);
		return () => sub.remove();
	}, []);

	return (
		<View>
			<Text>{label}</Text>
		</View>
	);
}

На экране текущее состояние; при сворачивании приложения строка меняется.

Смотрите также

перечисление AppStateStatus,
которое описывает возможные состояния
метод addEventListener,
который слушает смену состояния
класс InteractionManager,
который откладывает код после анимации
класс AppRegistry,
который регистрирует корневой компонент