react-native-appstate-hook

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