javascript - 使用 React Native 在另一个中调用一个 javascript

Question

我想将一个模块从一个 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 View 。并且在控制台上也不会抛出错误。我的错误在哪里，调用javascript代码。

Answer 1

问题在于这段代码:

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

要用新 View 替换当前 View ，请使用 Navigator 或 NavigatorIOS 组件。新代码应如下所示:

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