/Javascript/React/React native navigation header Right

React native navigation header Right

screenOptions={({route, navigation}) => ({ // transform screenOptions to a function
   headerRight: () => (
      <Button
        onPress={() => navigation.navigate('Home'); 
      />
    )
  })}

React native navigation change header title

 componentDidMount() {
   this.props.navigation.setOptions({
     title: `Your Updated Title`,
   })
 }

Source: stackoverflow.com

Similar codes

20 votes276 views4 answers
Conditional Rendering in React js
Javascript React
0 vote310 views1 answer
Sort by attribute in reactjs
Javascript React
0 vote359 views1 answer
Button color change loop in react
Javascript React
0 vote329 views1 answer
React router route not found redirect
Javascript React
1 vote318 views2 answers
Switch is not exported from react-router-dom
Javascript React
0 vote302 views1 answer
React native curved view
Javascript React
1 vote296 views1 answer
React native componentwillmount vs componentdidmount
Javascript React
0 vote300 views1 answer
Native module reactnativepushnotification tried to override rnpushnotification
Javascript React
0 vote320 views2 answers
Why we need react js
Javascript React
0 vote304 views1 answer
React native navigation remove top header screen
Javascript React