React Native this.props.navigator.push can't push a component twice for Navigator - duyluandethuong/react-native-tips-tricks GitHub Wiki

https://github.com/facebook/react-native/issues/3076

Approach 1: Lazy Loading

Alpha and Beta don't need each other until the user navigates from one scene to the next. For the app to reach this state, Alpha must have defined its exports (that is, module.exports = Alpha must have run for your app to have rendered an Alpha component). So, when the user is navigating to the scene displaying Beta, it is safe for Beta to require Alpha and therefore it is safe to require Beta at this point in time.

// Alpha.js var Alpha = React.createClass({ goToBeta() { // Lazily require Beta, waiting until Alpha has been initialized var Beta = require('./Beta');

this.props.navigator.push({
    component: Beta,
    title: Beta.title,
    wrapperStyle: styles.wrapper
});

} }); Although it isn't necessary to do the same for Beta.js in this specific scenario because Alpha is the first component loaded, it's probably a good idea so that your components all handle dependency cycles the same way.