React Native - Barre d'état
Dans ce chapitre, nous allons vous montrer comment contrôler l'apparence de la barre d'état dans React Native.
La barre d'état est facile à utiliser et il vous suffit de définir les propriétés pour la modifier.
le hiddenpropriété peut être utilisée pour masquer la barre d'état. Dans notre exemple, il est défini surfalse. Il s'agit de la valeur par défaut.
le barStyle peut avoir trois valeurs - dark-content, light-content et default.
Ce composant a plusieurs autres propriétés qui peuvent être utilisées. Certains d'entre eux sont spécifiques à Android ou à IOS. Vous pouvez le vérifier dans la documentation officielle.
App.js
import React, { Component } from 'react';
import { StatusBar } from 'react-native'
const App = () => {
return (
<StatusBar barStyle = "dark-content" hidden = {false} backgroundColor = "#00BCD4" translucent = {true}/>
)
}
export default App
Si nous exécutons l'application, la barre d'état sera visible et le contenu aura une couleur sombre.