反応ネイティブルータフラックスを使用したカスタムnavBar

Question

独自のnavBarコンポーネントを作成してからreact-native-router-fluxまで配線する完全な例は見つかっていないようです。誰か助けてくれますか？ githubの問題を見ると、これは図書館の大きな必要性のようです。私が探しているのは次のとおりです：

• 新しいコンポーネントを作成するには、左ボタンと右のイメージを使用します。
• シーンに応じてボタンアイコンを変更しますが、右側に同じ画像を使用します。
• これをネイティブルータフラックスに反応させて、navBarが正しく表示され、デフォルトのnavBarと同じ方法でユーザーの位置を追跡します。

ありがとう！

Answer 1

これは私が直面した同様の問題です。カスタムのNavbarの使い方を説明するオンラインのチュートリアルはありません。私は私のために働く方法を見つけました。これを試してください：

<Router navBar = {MainNavBar}> 
    <Scene key = "home" component = {HomeScreenContainer} title = "Home" initial = {true} /> 
</Router> 

シーンを定義するメインルートコンポーネントのコードです。ルータまたはNavbarを必要とする任意の場面でNav Barコンポーネントを渡す必要があります。

<NavigationBar  
    leftComponent = {<TouchableOpacity><Icon name="sidebar" /></TouchableOpacity>} 
    centerComponent = {<Title>{props.title}</Title>} 
    /> 

ホープ、このことができます:)