@onehat/ui/src/Hooks/useAppState.js

Base UI for OneHat apps

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

// DEPRECATED: Use @react-native-community/Hooks instead.

// Copied from react-native-appstate-hook found here: https://github.com/amrlabib/react-native-appstate-hook
export default function useAppState(settings) {
	const {
			onChange,
			onForeground,
			onBackground } = settings || {},
		[appState, setAppState] = useState(AppState.currentState);

	useEffect(() => {
		function handleAppStateChange(nextAppState) {
			if (nextAppState === 'active' && appState !== 'active') {
				isValidFunction(onForeground) && onForeground();
			} else if (appState === 'active' && nextAppState.match(/inactive|background/)) {
				isValidFunction(onBackground) && onBackground();
			}
			setAppState(nextAppState);
			isValidFunction(onChange) && onChange(nextAppState);
		}
		AppState.addEventListener('change', handleAppStateChange);
		
		return () => AppState.removeEventListener('change', handleAppStateChange);
	}, [onChange, onForeground, onBackground, appState]);

	// settings validation
	function isValidFunction(func) {
		return func && typeof func === 'function';
	}
	return { appState };
}