A hook that listens to react native AppState change event.
Works with expo! ✌️
npm install react-native-useappstate
import React from "react";
import {
View,
Text
} from "react-native";
import useAppState from "react-native-useappstate";
const App = () => {
const appState = useAppState();
return (
<View
style={{
flex: 1,
justifyContent: "center",
alignItems: "center"
}}
>
<Text>
{`Current app state: ${appState}`}
</Text>
</View>
);
}
export default App;
The hook returns an react native AppStateStatus.
["active" | "background" | "inactive" | "unknown" | "extension" | null]
import { AppStateStatus } from "react-native";