Ich möchte den React Navigation Header mit etwas benutzerdefiniertem gestalten. Wie im Screenshot unten gezeigt, habe ich bereits den Großteil des Stylings gemacht, um es entsprechend anzupassen, jedoch ist ein Element, das übrig bleibt, die Zurück-Pfeiltaste, wie Sie sehen, dass es immer noch in der Standardfarbe rendert.Styling für React Navigation header
0
A
Antwort
0
Um Farbe des Pfeils zu ändern, setzen headerTintColor
static navigationOptions = {
title: 'Title',
headerTintColor: 'red',
};
0
Welche Version von reagieren-Navigation verwenden Sie? Die docs sagen, dass in einigen früheren Versionen diese Syntax funktioniert:
header: { tintColor: '' }}
+0
Ich verwende die neueste Version von React Navigation, die "react-navigation": "^ 1.0.0-beta.21" ist. Ja, ich habe in der Dokumentation festgestellt, dass ältere Versionen von react navigation die von Ihnen angegebene Syntax benötigen. –
Verwandte Themen
- 1. Fehler mit dem Header-Styling in StackNavigator von Navigation Reagieren
- 2. React Navigation Header Änderung mit Bildschirm
- 3. React Navigation Header nicht versteckt/zeigt
- 4. React Navigation Get Stack Header Höhe
- 5. Fullpage.js - Dot Navigation Styling
- 6. Styling verschachtelt Navigatoren auf Android mit React Navigation
- 7. Import Image für Navigation Header
- 8. Reagieren Navigation wechseln Hintergrundfarben und Styling StackNavigator
- 9. Floating Header Navigation Problem
- 10. WPF TabItem Header-Styling
- 11. React-Navigation und Webview Navigation
- 12. Gridview Header Styling
- 13. react-router-dom mit react-bootstrap navigation
- 14. React-Navigation: Header mit verschachtelten Navigatoren kann nicht versteckt werden
- 15. Inline-Styling mit React
- 16. React-native Navigation Fortschrittsbalken
- 17. Styling responsive feste Navigation auf Bildlauf
- 18. react-navigation benutzerdefinierte Kopfzeile hinzufügen
- 19. React-Navigation Reset Erklärung
- 20. Wie kann ich den react-navigation header vollständig ersetzen?
- 21. Warum funktioniert der dynamische Header von react-navigation nicht?
- 22. react-native: react-navigation schubladenetiketten
- 23. Margin Top für Header Bar in reagieren Native Navigation
- 24. React-native Navigation TabNavigator
- 25. React Router-Navigation funktioniert nicht
- 26. Sticky Views während react-navigation
- 27. Header-Navigation mit Hintergrundbildern
- 28. Tab Item Header Styling Vererbung
- 29. WPF TabItem Header Styling ONLY
- 30. React Navigation: StackNavigator Übergang für Android
Leider, die nicht in erster Linie erfolgreich war, hatte ich das Kommando im Code enthalten und ist das passiert die Farbe von ‚VintHub ändern »Wie gewünscht, aber aus irgendeinem Grund den Pfeil weggelassen. –