Changement d'état de la barre de couleur à réagir de la navigation
- Je utiliser un DrawerNavigator
de réagir de la navigation dans mon application. Sans aucune personnalisation, la barre de statut Android est bleu, et pas le noir.
J'ai essayé de faire
StatusBar.setBackgroundColor('#000000');
mais elle ne fonctionne que pour quelques secondes, puis elle remonte vers le bleu. Il semble que quelque chose que je suis l'aide de jeu de la barre d'état de couleur bleu. Cependant, j'ai essayé de supprimer toutes les dépendances et de ne garder que réagir de la navigation, et il arrive encore et les docs de réagir de la navigation ne disent rien à ce sujet.
Comment puis-je configurer la barre d'état de couleur noir avec réagissent de la navigation ?
OriginalL'auteur Arnaud | 2017-06-02
Vous devez vous connecter pour publier un commentaire.
Je ne pense pas qu'il y est un conflit entre
react-navigation
et laStatusBar
, mais je pense que vous devriez utiliser le<StatusBar>
composant plutôt que de l'impératif de l'API. Il ya une forte chance cela est dû à un re-calcul de votre application et il est juste de revenir à la valeur par défaut, avec une composante à déclarer, vous assurer qu'il ne se produira pas.Vous pouvez même avoir plusieurs par la route, pour le changer en fonction du chemin d'accès. Si vous voulez le changer en fonction de l'utilisateur et de l'aide
redux
, il déclare dans une composante connexe et passer lebackgroundColor
.Sur votre le haut niveau de la racine de la composante ou de haut niveau
View
. Checkout cette réponse trop qui pourrait aider si vous voulez l'avoir pour les deux plates-formes.Merci! (Prime peut être attribuée demain). Pour les lecteurs: cela ne fonctionne pas si vous utilisez NativeBase. Voir cette page pour une solution: github.com/GeekyAnts/NativeBase/issues/323
OriginalL'auteur Balthazar
OriginalL'auteur rsthdn
Comme Aperçu, a déclaré aucun conflit entre la réaction de navigation et la Barre d'état. Chaque écran doit être en mesure de définir des propriétés sur l'état de l'appareil de la barre, et le conteneur défini dans createNavigationContainer devrait obtenir les options de changement d'état, et de les appliquer de manière native. essayez ceci pour la Barre d'état pour l'ensemble de l'Application.
OriginalL'auteur Anjal Saneen
Avez-vous essayez de régler votre DrawerNavigator config ?
Doc a dit que
contentOptions
vous permet de personnaliser le tiroir de contenu.Dans le fichier dans lequel vous pouvez définir votre
DrawerNavigator
, peut-être que votrerouter.js
fichier. Vous devez créer votre Navigateur:Peut-être cette page vous aidera à: DrawerNavigator
Actuellement, votre Tiroir est certainement un nouveau rendu à un certain point, c'est pourquoi la couleur revient au bleu.
Avez-vous déclaré un StackNavigator dans laquelle vous pouvez ajouter votre DrawerNavigator ? Parce que vous pouvez personnaliser le HeaderStyle avec le NavigationOptions. Tout d'abord, je pensais que tu voulais changer la couleur de fond de tiroir, mais ce que vous voulez est de personnaliser l'en-tête en haut de l'écran, à droite ?
Ni le tiroir de fond, ni l'en-tête. Je veux personnaliser la barre d'état (gizmobolt.com/wp-content/uploads/2015/02/...)
OriginalL'auteur ElFreddy