react-native-appstate-hook

React Native appState hook is a custom react hook, built to handle iOS or Android appState in your react component

Note:

React hooks is available from react version 16.8.0 and react native version 0.59.0

Setup

yarn add react-native-appstate-hook

OR

npm install --save react-native-appstate-hook

Example

import React from 'react';
import { Text, View } from 'react-native';
import useAppState from 'react-native-appstate-hook';


export default function App() {
  const { appState } = useAppState({
    onChange: (newAppState) => console.warn('App state changed to ', newAppState),
    onForeground: () => console.warn('App went to Foreground'),
    onBackground: () => console.warn('App went to background'),
  });

  return (
    <View style={{textAlign: 'center', backgroundColor :'white', flex: 1, justifyContent: 'center'}}>
      <Text>App State is: {appState}</Text>
    </View>
  );
}

Settings

| key | Type | Required | Description | | --- | --- | --- | ---- | | onChange | Function | No | callback function to be executed once appState is changed | | onForeground | Function | No | callback function to be executed once app go to foreground | | onBackground | Function | No | callback function to be executed once app go to background |

Values

| key | Type | Description | | --- | --- | ---- | | appState | string | app state it can be one of the following values active, inactive, or background |