How can i have multiple button in the header with react-navigation?

Question

How can i put All and Favorites button in the header while using react-navigation?

bennygenel · Accepted Answer · 2017-11-12 07:47:47Z

1

You can use headerTitle prop to render any custom component to use in your header.

headerTitle

String or React Element used by the header. Defaults to scene title

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

edited Nov 12, 2017 at 7:47

answered Nov 9, 2017 at 19:02

bennygenel

24.8k7 gold badges68 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

JP. Over a year ago

care to provide example ?

bennygenel Over a year ago

@JP. added a mall example

Aditya Over a year ago

Where's the example ?

bennygenel Over a year ago

@Heisen-Berg answer

Aditya Over a year ago

Ok, but can you provide your MyCustomComponent ?

|

Collectives™ on Stack Overflow

How can i have multiple button in the header with react-navigation?

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related