Comment rendre StatusBar transparent?

Question

Quelqu'un connaît-il un moyen de rendre Android Barre d'état transparent avec React Native)?

NON TRANSLUCIDE, Transparent.

J'utilise aussi React-Navigation.

Answer 1

Il suffit d'utiliser comme ceci: Testé avec: "react-native": "0.60.4" et "0.61.5"

<StatusBar translucent backgroundColor="transparent" />

Answer 2

Essayez ceci pour rendre la barre d'état transparente dans Android

container: {
      flex:1,
      paddingTop: 20
    },

ajoutez flex d'affichage et paddingTop à votre composant View principal

Answer 3

En réagissant natif, si vous utilisez expo, vous pouvez aller dans le fichier app.json et ajouter la couleur de la barre d'état. Après cette couleur d'arrière-plan de la barre d'état pour l'application complète va changer.

"androidStatusBar": {
  "backgroundColor": "#105846"
},

Vérifiez la page liée.

Answer 4

Si vous parlez de la barre d'état du système d'exploitation (celle que vous tirez pour accéder au wifi/bluetooth/paramètres, etc.), essayez de l'ajouter à votre MainActivity.Java:

private void hideNavigationBar() {
    getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION);
}

Et vous pouvez appeler cette fonction ^ dans cette fonction à partir du même MainActivity.Java

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    hideNavigationBar();
}

Cependant, si vous parlez de la barre d'état de l'application, essayez de l'ajouter à votre fichier App.js

static navigationOptions = {
    header: null
}

Answer 5

vous pouvez le définir en utilisantStatusBar.setBackgroundColor(Colors.TRANSPARENT);