Navigate to different screen from a button in a header

Question

I am using the new React-navigation from react-native. I have the navigation as follows:

StackNavigator:

1. TabNavigator // HomeNavigation
2. TabNav

Answer 1

Code that worked for me:

import Header from '../Containers/Header'
.........................................
navigationOptions: ({ navigation }) => ({
      title: 'Find User',
      headerRight: 
,
      headerStyle: styles.header
    })

And to move to other screen:

this.props.navigation.navigate('UserDetail', {});