¿Cómo saber si una aplicación nativa de reacción pasa a segundo plano?

La guía paso a paso o código que verás en este artículo es la resolución más rápida y válida que encontramos a tu duda o problema.

Solución:

Puedes escuchar el appState evento. De https://facebook.github.io/react-native/docs/appstate.html:

import React, Component from 'react'
import AppState, Text from 'react-native'

class AppStateExample extends Component 

  state = 
    appState: AppState.currentState
  

  componentDidMount() 
    AppState.addEventListener('change', this._handleAppStateChange);
  

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

  _handleAppStateChange = (nextAppState) => 
    if (this.state.appState.match(/inactive

  render() 
    return (
      Current state is: this.state.appState
    );
  

Por cierto, esto siempre dirá ‘El estado actual es: activo’, porque ese es el único estado en el que la aplicación será visible para el usuario.

Puedes usar el AppState:

Estados de la aplicación

• active – La aplicación se ejecuta en primer plano
• background – La aplicación se ejecuta en segundo plano. El usuario está en otra aplicación o en la pantalla de inicio
• inactive – Este es un estado que ocurre cuando se realiza la transición entre el primer plano y el fondo, y durante períodos de inactividad, como al ingresar a la vista Multitarea o en el caso de una llamada entrante.

Si aceptas, tienes el poder dejar una crónica acerca de qué te ha parecido este post.

---

---

Utiliza Nuestro Buscador