StatusBar Farbe in React Native

Question

Wie kann ich die Hintergrundfarbe von StatusBar Komponente von react-native ändern, ohne Android spezifische Dateien bearbeiten?

Docs says, dass ich backgroundColor Eigenschaft verwenden kann. Aber es scheitert. barStyle Eigenschaft, setBarStyle & & setBackgroundColor statische Methoden funktionieren nicht richtig.

Nur hidden Eigenschaft funktioniert.

Ich verwende create-react-native-app, gebaut mit Expo.

Answer 1

In Expo App, müssen Sie app.json in Ihrem Projekt Stammverzeichnis wie folgt bearbeiten:

{ 
    "expo": { 
     "sdkVersion": "16.0.0", 
     "androidStatusBar": { 
      "barStyle": "dark-content", 
      "backgroundColor": "#0A48A5" 
     } 
    } 
} 

See Expo Dokumentation: Diese https://docs.expo.io/versions/v16.0.0/guides/configuration.html

Answer 2

können Sie verwenden

<StatusBar 
backgroundColor="blue" 
barStyle="light-content" 
/> 

Sie in der Dokumentation können here.

Answer 3

Verwendung

import {StatusBar} from 'react-native'; 


const bar =()=>{ 
    return(<StatusBar 
      backgroundColor="insert your color here"/> 
); 
};