React Native Detect Backgrounding/Foregrounding

app.js

import React from 'react';

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

import Expo from 'expo';

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      appState: AppState.currentState,
    };
  }
  
  componentDidMount() {
    AppState.addEventListener('change', this._handleAppStateChange);
  }

  componentWillUnmount() {
    AppState.removeEventListener('change', this._handleAppStateChange);
  }

  _backgroundState(state) {
    return state.match(/inactive|background/);
  }

  _handleAppStateChange = (nextAppState) => {
    if (this._backgroundState(nextAppState)) {
      console.log("App is going background");
    } else if (this._backgroundState(this.state.appState) && (nextAppState === 'active')) {
      console.log("App is coming to foreground");
    }
    this.setState({appState: nextAppState});
  }

}

Thank you

👍