React-native-router-flux: Farbe der Zurück-Taste

Erstellt am 20. Juni 2016  ·  14Kommentare  ·  Quelle: aksonov/react-native-router-flux

Ausführung

Teilen Sie uns mit, welche Versionen Sie verwenden:

  • React-native-Router-Fluss v3.30.0
  • reaktiv-nativ v0.27.2

Erwartetes Verhalten

Ich versuche, die Pfeilfarbe wie im Screenshot unten zu ändern. Ich kann jedoch nicht für jede Szene eine Farbe festlegen. Ich kann es nur in der Root-Szene tun. Übersehe ich etwas oder ist es ein Bug?

Img

Es funktioniert mit diesem Code, wenn ich ihn auf die Root-Szene setze.

<Router >
   <Scene key="root" titleStyle={{ color: 'red' }} barButtonIconStyle={{ tintColor: 'green' }}>
      <Scene key="connexion" component={Connexion}
         hideNavBar={false} title="Connexion" initial={true}/>
      <Scene key="signup" component={Signup} hideNavBar={false}
         title="PageOne" navigationBarStyle={NavBarStyle.bar.darkNavigationBar}
      />
   </Scene>
</Router>

Ich möchte jeden Szenenstil separat einstellen (wie dieser Code). Ist es überhaupt möglich

<Router >
   <Scene key="root" titleStyle={{ color: 'red' }}>
     <Scene key="connexion" component={Connexion}
       hideNavBar={false} title="Connexion" initial={true}/>
     <Scene key="signup" component={Signup} hideNavBar={false}
       title="PageOne" navigationBarStyle={NavBarStyle.bar.darkNavigationBar}
       barButtonIconStyle={{ tintColor: 'green' }}
      />
    </Scene>
</Router>
picture Shakarang

Hilfreichster Kommentar

Würdest du folgendes versuchen @Shakarang

<Scene ... leftButtonIconStyle = {{ tintColor:'red'}} />

picture sercanov am 22. Juni 2016
👍39 🎉1

Alle 14 Kommentare

In jeder Szene kannst du backButtonTextStyle={{ ... }}

281330 picture 281330 am 20. Juni 2016

Ich habe versucht, es mit diesen Eigenschaften in die Szene einzufügen:

  • Farbe
  • Hintergrundfarbe
  • TönungFarbe

Aber es geht nicht..

Shakarang picture Shakarang am 21. Juni 2016

Würdest du folgendes versuchen @Shakarang

<Scene ... leftButtonIconStyle = {{ tintColor:'red'}} />

sercanov picture sercanov am 22. Juni 2016
👍39 🎉1

Sie können jederzeit einen Drilldown durchführen:
node_modules/react-native-router-flux/src/back_chevron.png

und bearbeiten Sie "back_chevron.png" nach Belieben.

JaiNatha picture JaiNatha am 1. Juni 2017

Oh Entschuldigung, ich habe deinen ersten Kommentar falsch gelesen, habe gerade festgestellt, dass du versuchst, ihn für jede Szene festzulegen.

leftButtonIconStyle={{ tintColor: 'green' }} ist in der Tat der richtige Weg

JaiNatha picture JaiNatha am 1. Juni 2017

Das funktioniert in meinem Projekt nicht.

Ausführung
"reagieren": "16.0.0-alpha.12",
"react-native": "^0.46.3",
"react-native-router-flux": "^4.0.0-beta.12"

muss die Symbolfarbe zurück aktualisieren.

indu127pal picture indu127pal am 21. Juli 2017
👍5

Gleiches Problem, auf RNRF 4.0.0-beta.15 funktioniert leftButtonIconStyle nicht, weder barButtonIconStyle

jaimecorrea picture jaimecorrea am 2. Aug. 2017 
<Scene
    key="root"
    headerTintColor="#000"
>

Das funktioniert bei mir auf [email protected]

jordenchang55 picture jordenchang55 am 9. Aug. 2017
👍24 ❤8 🎉6

headerTintColor scheint richtig zu sein, aber was ist mit der Größe? oder, wenn wir ein anderes Back-Icon haben wollen?

Frexuz picture Frexuz am 7. Nov. 2017

Überprüfen Sie hier, wie Sie Ihre Navigationsleiste gestalten.
Wenn Sie das Symbol ändern möchten, können Sie leftButtonImage oder renderBackButton in der Szene verwenden.

jordenchang55 picture jordenchang55 am 7. Nov. 2017 
                      <Scene
                        key='HomePage'
                        component={HomePage}
                        renderBackButton={<Icon name='chevron-left' />}
                      />

so was?

renderBackButton ist keine Funktion

Aktualisieren:

renderBackButton={() => <Icon name='chevron-left' />} dies rendert den Pfeil korrekt, aber er tut nichts, wenn er gedrückt wird.

Müssen wir die Back-Funktionalität wirklich selbst neu implementieren?

Frexuz picture Frexuz am 7. Nov. 2017
👍1

@Frexuz Dies ist ein Problem, mit dem ich jetzt auch

Es scheint, dass wir die On-Touch-Funktionalität (höchstwahrscheinlich Routing) für jede Szene selbst neu implementieren müssen (dh onRight/onLeft tut nichts, wenn Sie renderBackButton oder renderRightButton verwenden).

SSTPIERRE2 picture SSTPIERRE2 am 21. Nov. 2017

headerTintColor="#000"

bei mir hat es auch funktioniert

kallayyash picture kallayyash am 7. Jan. 2019 
<Scene
    key="root"
    headerTintColor="#000"
>

Das funktioniert bei mir auf [email protected]

Bei mir hat es auch funktioniert. RN 0,59

pietropr picture pietropr am 28. März 2019
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

tonypeng picture tonypeng  ·  3Kommentare
jgibbons picture jgibbons  ·  3Kommentare
rafaelcorreiapoli picture rafaelcorreiapoli  ·  3Kommentare
kirankalyan5 picture kirankalyan5  ·  3Kommentare
sarovin picture sarovin  ·  3Kommentare