Newborn Programming Monsters

    react-native-appstate-hook
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.6 • Public • Published

    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

    Install

    npm i react-native-appstate-hook

    DownloadsWeekly Downloads

    4,124

    Version

    1.0.6

    License

    ISC

    Unpacked Size

    8.24 kB

    Total Files

    6

    Last publish

    Collaborators

    • amrlabib