react-navigation

I am using react-navigation for routing purpose. I want to dynamically hide or show header on one component. Any way to do it? I change headerLeft dynamically like this but can not find any way to do it for entire header. static navigationOptions = ({ navigation }) => ({ headerRight: navigation.state.params ? navigation.state.params.headerRight : null }); this.props.navigation.setParams({ headerRight: ( <View> <TouchableOpacity onPress={() => blaa} > <Text>Start</Text> </TouchableOpacity> </View> ) }); I want something like this - hide/show header based on state: this.props.navigation

I am building a cross-platform native application using react-native and using react-navigation for navigating to and from screens and managing navigation state using redux. The problem arises when I am nesting my navigators. For example, I am using Stack Navigator as the default navigator for my app. export const DefaultNavigate = new StackNavigator( { Login: { screen: LoginScreen, }, Home: { screen: AppDrawerNavigate, }, AppTabNav: { screen: AppTabNavigator, }, } ); where my first screen is loginscreen and home screen is a drawer navigator. const AppDrawerNavigate = new DrawerNavigator( {

I have a DrawerNavigator config for my main routes const App = DrawerNavigator(DrawerRoutes, { initialRouteName: 'Main', contentComponent: ({ navigation }) => <DrawerMenu navigation={navigation} routes={DrawerRoutes} />, mode: Platform.OS === 'ios' ? 'modal' : 'card', drawerWidth: Dimensions.get('window').width - (Platform.OS === 'android' ? 56 : 64), drawerPosition: 'left', }) I want to change the drawerPosition property depending on the current language of the application. I have already tried to connect to redux with no success because it throws an error for invalid React element. How can I

I followed exactly the tutorial https://reactnavigation.org/docs/intro/ But the header does not show up. Here is the code and the result import Expo from 'expo'; import React from 'react'; import { StyleSheet, Text, View, Button } from 'react-native'; import {StackNavigator} from 'react-navigation'; class HomeScreen extends React.Component { static navigationOptions = { title: 'Welcome', } render() { const {navigate} = this.props.navigation; return ( <View style={styles.container}> <Text>Open up main.js to start working on your app!</Text> <Button onPress={()=>navigate('Chat',{user:'Lucy'})}

---------index.js-------- import { AppRegistry } from 'react-native'; import Navigate from './Navigate'; AppRegistry.registerComponent('form1', () => Navigate); ----Navigate.js----- import React from 'react'; import { StackNavigator, DrawerNavigator } from 'react-navigation'; import TabsList from './TabsList'; export const StackTab1 = StackNavigator({ TabList: { screen: TabsList}, }); export const Navigate = DrawerNavigator( { Tab1: { screen : StackTab1 }, Tab2: { screen : StackTab1 }, Tab3: { screen : StackTab1 } }); Whenever I try to run my android simulator, I'm getting that error. All