Reagieren Sie auf Native, ändern Sie den Kopfzeilenstil von React Navigation

8

Ich implementiere React Navigation in meiner React Native App, und ich möchte die Hintergrund- und Vordergrundfarben der Kopfzeile ändern. Ich habe folgendes:

%Vor%

Standardmäßig ist die Hintergrundfarbe der Überschrift weiß, mit einem schwarzen Vordergrund. Ich habe mir auch die Dokumentation von React Navigation angesehen, aber ich finde nicht, wo es zeigt, wie man das Styling einstellt. Irgendwelche Hilfe?

    
Tiwaz89 17.03.2017, 10:55
quelle

5 Antworten

16

In neueren Versionen von React Navigation haben Sie ein flacheres Einstellungsobjekt, wie unten:

%Vor%

Veraltete Antwort:

In den Dokumenten hier ändern Sie das Objekt navigationOptions. Versuchen Sie etwas wie:

%Vor%

Bitte benutzt diese Farben allerdings nicht!

    
cssko 17.03.2017, 11:15
quelle
11

Laut Dokumentation können Sie den Stil "navigationOptions" wie folgt verwenden.

%Vor%

Weitere Informationen zu navigationOptions finden Sie auch in der Dokumentation: -

Ссылка

    
Vishal Dhaduk 05.05.2017 08:33
quelle
2

Probieren Sie diesen Code:

%Vor%

viel Glück!

    
Daniel Agus Sidabutar 07.05.2017 09:03
quelle
1

Hinweis! navigationOptions sind Unterschiede zwischen Stack Navigation und Drawer Navigation
Stack-Navigation gelöst.
 Aber für die Schubladennavigation können Sie Ihren eigenen Header hinzufügen und Ihre Styles mit contentComponent Config erstellen:
Erstes import { DrawerItems, DrawerNavigation } from 'react-navigation' Dann

Kopfzeile vor DrawerItems :

contentComponent: props => <ScrollView><Text>Your Own Header Area Before</Text><DrawerItems {...props} /></ScrollView> .

Fußzeile Nach DrawerItems :

contentComponent: props => <ScrollView><DrawerItems {...props} /><Text>Your Own Footer Area After</Text></ScrollView> .

    
Sedric Heidarizarei 17.07.2017 09:56
quelle
0

Probieren Sie diesen Arbeitscode aus

%Vor%     
omprakash8080 18.01.2018 12:34
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Interpolation ({{}}) erhalten, wo der Ausdruck erwartet wurde