使用React Native在其他方面调用一个javascript

我想将一个模块从一个 javascript调用到另一个模块.目前我下载了 GiftedMessanger的演示版

我创建了自己的react native(ios)代码,我在代码中添加了GiftedMessanger的所有依赖项,并成功下载了所有节点模块.
现在在GiftedMessanger演示代码index.ios.js中包含,

'use strict';

var React = require('react-native');
var {
  AppRegistry
} = React;


AppRegistry.registerComponent('GiftedMessengerExample', () => require('./Navigation'));

并且所有代码都正常运行.
我在我的代码中做同样的事情.我想把GiftedMessanger作为一个单独的页面点击按钮点击这样编写的代码,

var MessageBox = require('./Navigation');

var MyCode = React.createClass({

  _openGiftedMessanger(){
    return (<MessageBox />);
  },

  render: function() {
    <View style={styles.container}>
       <TouchableHighlight
            style={styles.imButton}
            onPress={this._openGiftedMessanger}>
            <Text>Open Chat Room</Text>
       </TouchableHighlight>
    </View>
  }
});

以上现在开放Gifted messanger视图.并且在控制台上也没有抛出错误.我的错误在哪里,调用javascript代码.

问题出在这个代码上：

_openGiftedMessanger(){
    return (<MessageBox />);
  },

要使用新视图替换当前视图,请使用Navigator或NavigatorIOS组件.新代码应如下所示：

this.props.navigator.push({
  title: 'Gifted messenger',
  component: MessageBox
});