2017-03-19 10 views
0

デフォルトでは、react-native-router-fluxのNavBarのタイトルには1行のテキストしか含めることができません。リアクションネイティブルータフラックスでNavBarのタイトルとしてカスタムコンポーネントを使用するにはどうすればいいですか?

NavBarのタイトルに2行のテキストが必要です。したがって、どのようにして実際にネイティブルータフラックスでNavBarのタイトルとしてカスタムコンポーネントを作成できますか?

答えて

0

documentationに記載されているように、カスタムNavBarをシーンまたはルーターに渡すことができます。

<Scene key="about" component={AboutScreen} navBar={()=>{return <CustomNavBar/>} /> 

残念ながら、カスタムナビゲーションバーのタイトルを持つことができませんので、あなたは、あなたが本当にこの機能が必要な場合は、全体のナビゲーションバーを作成する必要があります。

こちらがお役に立てば幸いです。 :)

+0

完全にカスタムのNavBarを作成する際の問題は、カスタムNavBarで、バック矢印、ドラッグまたはナビゲーションなどのスライドフェードトランジションアニメーションなどの標準機能をすべて失うことです。 :( – Carven

+0

ええ、真実..この場合は、ライブラリを修正してPRを試みることをお勧めします。私があまりにも忙しくなかったら、私は自分でそれをやるでしょう。他の解決策は、コンポーネントとそれをタイトルのすぐ下に置きます。これはソリューションではなく、ハックです。いずれにせよ、幸運! –

関連する問題