Saltar al contenido

Ocultar la barra de estado con React Native

Indagamos por distintos espacios y de este modo tener para ti la respuesta para tu dilema, si tienes inquietudes puedes dejarnos la duda y te respondemos con gusto.

Descubrí cómo ocultar la barra de estado. En primer lugar, StatusBarIOS está obsoleto, por lo que debe importar StatusBar y luego simplemente incluya este fragmento de código en la parte superior de su representación:

Reaccionar documentos nativos en StatusBar

Puede invocar este método desde cualquier parte de su componente:

import React,  Component  from 'react';
import  StatusBar  from 'react-native';

class MyComponent extends Component 

    componentDidMount() 
       StatusBar.setHidden(true);
    

EDITAR:

Esto ocultará la barra de estado para toda la aplicación y no solo en su componente específico, para resolver esto, puede hacer lo siguiente:

componentWillUnmount() 
     StatusBar.setHidden(false);

O llamando a este método con false de otro lugar

Para oculto:

StatusBar.setHidden(true, 'none');

Para mostrar:

StatusBar.setHidden(false, 'slide');

Te mostramos las comentarios y valoraciones de los lectores

Si haces scroll puedes encontrar las explicaciones de otros gestores de proyectos, tú igualmente eres capaz mostrar el tuyo si te apetece.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags :

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *