react-navigation

How can I give a custom navigation to the header back arrow in ReactNavigation? I want the back arrow in the header to navigate to the screen I define and not to the previous screen. Thanks. You could try 2 things: a) use headerMode: 'none' in your sub-StackRouters instead of your root router (named RouterComponent). Ideally you shouldn't have to do anything more then and the headers of the sub-StackRouters would be displayed in your root router's header. I think I remember something similarly worked a while back for me, but I haven't tested it in a while now and I think it's unlikely that it

I'm trying to go back two screens. The goal is to go from EditPage to Cover . Here is my navigation stack: Main -> Cover -> EditCover -> EditPage I read the docs and it says to supply a key of the screen you want to go back from, here's my code: this.props.navigation.dispatch(NavigationActions.back({key: 'EditCover'})); I've also tried (with no luck): this.props.navigation.dispatch(NavigationActions.back('EditCover')); this.props.navigation.dispatch(NavigationActions.back({key: 'EditCover'})); this.props.navigation.dispatch(NavigationActions.back({routeName: 'EditCover'})); this.props

I'm using DrawerNavigator and I have 3 pages: Router page , mainScreen and a photos page , I maked a header navbar area and I used This <TouchableHighlight onPress={() => this.props.navigation.navigate('DrawerOpen')}> to open Drawer menu in mainScreen and used that for photos page too, menu is ok in mainScreen, But when I click <TouchableHighlight onPress={() => this.props.navigation.navigate('DrawerOpen')}> in photos page, I got this error: How Can I fix That? My photos page: import React from 'react'; import { Button, ScrollView, View, Text, StyleSheet, TouchableHighlight } from 'react

My React Native code: import React, { Component } from 'react'; import { AppRegistry, ActivityIndicator, StyleSheet, ListView, Text, Button, TouchableHighlight, View } from 'react-native'; import { StackNavigator } from 'react-navigation'; import DetailsPage from './src/screens/DetailsPage'; class HomeScreen extends React.Component { constructor() { super(); const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); this.state = { userDataSource: ds, }; } componentDidMount(){ this.fetchUsers(); } fetchUsers(){ fetch('https://jsonplaceholder.typicode.com/users') .then((response