React-native-router-flux: 戻るボタンの色

作成日 2016年06月20日 · 14コメント · ソース: aksonov/react-native-router-flux

バージョン

使用しているバージョンを教えてください。

react-native-router-flux v3.30.0
react-native v0.27.2

期待される動作

下のスクリーンショットのように矢印の色を変更しようとしています。ただし、シーンごとに色を設定することはできません。ルートシーンでしかできません。私は何かが足りないのですか、それともバグですか？

ルートシーンに設定すると、このコードで機能します。

<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>

各シーンスタイルを個別に設定したいと思います（このコードのように）。それも可能ですか

<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>

ソース

Shakarang

最も参考になるコメント

次の@Shakarangを試してみませんか

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

sercanov 2016年06月22日

👍39 🎉1

全てのコメント14件

各シーンで、 backButtonTextStyle={{ ... }}与えることができます

281330 2016年06月20日

私はこれらのプロパティを使用してシーンに追加しようとしました：

色
backgroundColor
tintColor

しかし、それは機能しません。

Shakarang 2016年06月21日

次の@Shakarangを試してみませんか

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

sercanov 2016年06月22日

👍39 🎉1

次の場所にいつでもドリルダウンできます。
node_modules / react-native-router-flux / src / back_chevron.png

「back_chevron.png」を好きなように編集します。

JaiNatha 2017年06月01日

申し訳ありませんが、最初のコメントを読み間違えました。シーンごとに設定しようとしていることに気づきました。

leftButtonIconStyle = {{tintColor： 'green'}}は確かに行く方法です

JaiNatha 2017年06月01日

これは私のプロジェクトでは機能していません。

バージョン
"react"： "16.0.0-alpha.12"、
"react-native"： "^ 0.46.3"、
"react-native-router-flux"： "^ 4.0.0-beta.12"

アイコンの色を更新する必要があります。

indu127pal 2017年07月21日

👍5

同じ問題、RNRF 4.0.0-beta.15でleftButtonIconStyleが機能せず、barButtonIconStyleも機能しない

jaimecorrea 2017年08月02日

<Scene
    key="root"
    headerTintColor="#000"
>

これは[email protected]で私のために

jordenchang55 2017年08月09日

👍24 ❤8 🎉6

headerTintColorは正しいようですが、サイズはどうですか？または、別のバックアイコンが必要な場合は？

Frexuz 2017年11月07日

ナビゲーションバーのスタイリングについては、こちらを確認してください。
アイコンを変更したい場合は、シーンでleftButtonImageまたはrenderBackButtonプロップを使用できます。

jordenchang55 2017年11月07日

                      <Scene
                        key='HomePage'
                        component={HomePage}
                        renderBackButton={<Icon name='chevron-left' />}
                      />

このような？

renderBackButtonは関数ではありません

アップデート：

renderBackButton={() => <Icon name='chevron-left' />}これは矢印を正しくレンダリングしますが、押されても何もしません。

本当に自分たちで機能を再実装する必要がありますか？

Frexuz 2017年11月07日

👍1

@Frexuzこれは私が今

シーンごとにオンタッチ機能（おそらくルーティング）を自分で再実装する必要があるようです（つまり、renderBackButtonまたはrenderRightButtonを使用することを選択した場合、onRight / onLeftは何もしません）。

SSTPIERRE2 2017年11月21日

headerTintColor = "＃000"

それは私も働いた

kallayyash 2019年01月07日

<Scene
    key="root"
    headerTintColor="#000"
>
これは[email protected]で私のために

それは私にとってもうまくいきました。 RN 0.59

pietropr 2019年03月28日

このページは役に立ちましたか？

0 / 5 - 0 評価

React-native-router-flux: 戻るボタンの色

バージョン

期待される動作

最も参考になるコメント

全てのコメント14件

関連する問題