JAVASCRIPT

react native navigation header Right

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

how to style react navigation header title

static navigationOptions = {
  title: 'Chat',
  headerStyle: { backgroundColor: 'red' },
  headerTitleStyle: { color: 'green' },
}

react navigation header title

// using params in the title
<Stack.Screen
  name="Profile"
  component={ProfileScreen}
  options={({ route }) => ({ title: route.params.name })}
 />

how to style react navigation header title

static navigationOptions = {
    title: 'Welcome',
    header: {
        style: {{ backgroundColor: 'red' }},
        titleStyle: {{ color: 'green' }},
    }
}