如何将函数/文件导入到react native应用程序中?
How do I import functions/files to a react native app?
我正在使用Sendbird构建一个使用react native的聊天应用程序,但我似乎无法让它运行。我知道应用程序本身是有效的,因为我使用了javascript调试器,并且我正在将我的信息解析到控制台,但我似乎无法获得sendbird。Init来工作。我需要像你一样从sendbird导入方法来使用react函数吗?
以下是截图供参考:
Login Error: Sendbird not Defined
他们所指的那行,login.js:41是我调用sendbird.init
的地方编辑:这是我的代码login.js(一切到样式表)
import React, { Component } from 'react';
import {
View,
Text,
StyleSheet,
TextInput,
TouchableHighlight
} from 'react-native';
var sendbird = require('sendbird');
module.exports = React.createClass({
getInitialState: function() {
return {
username: ''
};
},
render: function() {
return (
<View style={styles.container}>
<View style={styles.loginContainer}>
<TextInput
style={styles.input}
value={this.state.username}
onChangeText={(text) => this.setState({username: text})}
placeholder={'Enter User Nickname'}
maxLength={12}
multiline={false}
/>
<TouchableHighlight
style={styles.button}
underlayColor={'#328FE6'}
onPress={this.onPress}
>
<Text style={styles.label}>LOGIN</Text>
</TouchableHighlight>
</View>
</View>
);
},
onPress: function() {
sendbird.init({
app_id: '879010F5-E064-4D1E-BD15-5956D4A47688',
guest_id: this.state.username,
user_name: this.state.username,
image_url: "",
access_token: "",
successFunc: (data) => {
console.log('success');
},
errorFunc: (status, error) => {
this.setState({username: ''});
}
});
}
});
和现在出现的关于映射的错误:新的错误-尝试了这里列出的所有
现在SendBird SDK V3支持最新的React Native,没有任何问题。
请将您的SendBird SDK更新到V3,然后应该就可以了。
这是一个示例项目,你可以看一下。
https://github.com/smilefam/SendBird-JavaScript谢谢!
添加
var sendbird = require('sendbird');
放在文件的开头。查看此repo中的react-native示例示例https://github.com/smilefam/SendBird-JavaScript
相关文章:
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- 使用Jest测试React Native应用程序
- 是否存在React Native“;WEB代码安全防护”;
- React Native Listview留有余地
- 如何在React Native中绘制图形
- 在iOS和Android上使用React native时,我还能使用本机第三方lirbraries吗
- 使用createContainer将Meteor数据获取到React Native中时出现问题
- React Native当前是否支持访问用户'的通讯簿
- React Native-What'It’在任何地方都要留下逗号
- React Native DeviceEventEmitter键盘WillShow停止工作
- 与React Native的Chart.js等效
- 如何使用webview在React Native中使用Highcharts
- 如何在React Native的MapView中设置标记
- React Native NavigatorIOS
- 如何获得React Native TextInput以在提交后保持焦点
- 使用react native检测应用程序终止
- 可以在React Native中制作一个自哈希应用程序
- React Native + React - Native -router-flux:
- React Native + React - Native -router-flux:如何仅将hideNavBar应用于
- React Native-React Packager发送旧代码