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

发布时间：2020-12-15 09:34:17 所属栏目：百科来源：网络整理

导读：我想将一个模块从一个 javascript调用到另一个模块.目前我下载了 GiftedMessanger的演示版我创建了自己的react native(ios)代码,我在代码中添加了GiftedMessanger的所有依赖项,并成功下载了所有节点模块. 现在在GiftedMessanger演示代码index.ios.js中包含,

我想将一个模块从一个 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
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!