react-navigation-actions example

react-navigation-actions-example.js

import React from 'react';
import { AppRegistry, Button, Text } from 'react-native';
import { StackNavigator } from 'react-navigation';
import { getStateForAction, replace } from 'react-navigation-actions';

class HomeScreen extends React.Component {
  static navigationOptions = {
    title: 'Home',
  };

  render() {
    const { dispatch } = this.props.navigation;
    
    return (
      <Button
        onPress={() => 
          dispatch(replace('Hello', { name: 'World' }))
        }
        title="Replace me"
      />
    );
  }
}

class HelloScreen extends React.Component {
  static navigationOptions = {
    title: 'Hello',
  };

  render() {
    const { state: { params } } = this.props.navigation;
    return <Text>Hello {params.name}</Text>;
  }
}

const Navigator = StackNavigator({
  Home: { screen: HomeScreen },
  Hello: { screen: HelloScreen },
});

Navigator.router.getStateForAction = getStateForAction(
  Navigator.router.getStateForAction
);

AppRegistry.registerComponent('LookHere', () => Navigator);