Wie importiere ich Funktionen/Dateien in eine native App?

Question

Ich benutze Sendbird, um eine Chat-Anwendung mit nativen Reaktion zu erstellen, aber ich kann nicht scheinen, es zu laufen. Ich weiß, dass die App selbst funktioniert, weil ich den Javascript-Debugger verwendet habe und ich meine Informationen auf der Konsole analysiert habe, aber ich kann nicht scheinen, sendbird.init zu funktionieren. Muss ich Methoden von sendbird importieren, wie Sie es tun müssen, um react-Funktionen zu nutzen?

Hier sind Screenshots Referenz:

Login Error: Sendbird not Defined

Und die Linie beziehen sie sich auf, login.js: 41 ist, wo ich sendbird.init

bearbeiten nennen: heres mein Code zum Einloggen.

js (alles rund um das Stylesheet up)

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: ''}); 
      } 
     }); 
    } 
}); 

und der Fehler, der jetzt über die Zuordnung kommt: New error - tried everything listed here

Answer 1

Jetzt unterstützt SendBird SDK V3 das neueste React Native ohne Probleme.

Bitte aktualisieren Sie Ihr SendBird SDK auf V3 und dann sollte es in Ordnung sein.

Hier ist ein Beispielprojekt, das Sie sich ansehen können.

https://github.com/smilefam/SendBird-JavaScript

Dank!

Answer 2

var sendbird = require('sendbird'); 

am Anfang der Datei hinzufügen. Sehen Sie sich das reaktionsunabhängige Beispiel in diesem Repo für ein Beispiel an. https://github.com/smilefam/SendBird-JavaScript