反応ナビゲーションでヘッダーに複数のボタンを表示するにはどうすればいいですか？

Question

反応ナビゲーションを使用しているときに、ヘッダーに[すべて]と[お気に入り]ボタンを挿入するにはどうすればよいですか？

Answer 1

あなたのヘッダーで使用するために、任意のカスタムコンポーネントをレンダリングするheaderTitle小道具を使用することができます。

headerTitleは

文字列またはヘッダによって使用される要素を反応させます。シーンタイトルのデフォルトは

export const SimpleApp = StackNavigator({ 
    Home: { 
    screen: HomeScreen, 
    navigationOptions: { 
     headerTitle: <MyCustomComponent /> 
    } 
    }, 
    Profile: { screen: Profile } 
});