Wie integriere ich diese lib/Komponente in mein reactive-native android Projekt?

Question

Ich bin eine neue zu reagieren-native Welt. Wie integriere ich diese lib/component (react-native-chart-android) in mein reaktives natives Android-Projekt? Es scheint, dass sein Beispiel bei meinem lokalen Projekt nicht funktioniert.

Ich weiß nicht, wie Sie unten Code in meinem lokalen Android-Projekt hinzufügen. Ich verwende die neuste reaktionsnative Version. Es gibt keinen Ort, an dem ich das Modul wie das, was er gemacht hat, registrieren kann (Register Module im Bereich MainActivity.java). Ich fügte diese Zeile in meine MainApplication.java

@Override 
protected List<ReactPackage> getPackages() { 
    return Arrays.<ReactPackage>asList(
     new MainReactPackage(), 
      new MPChartPackage()// <------ add this line to yout 
); 
} 

};

Und dann kopiert ich LineChart.android.js, Button.js, TitleBar.js und LineChart.js in der gleichen Ebene mit index.android.js

ich auch einige js Code in meinem index.android hinzugefügt js wie folgt aus:

import LineChart from './LineChart' 
    const ROUTES = { 
     lineChart:LineChart 
    }; 

    render() { 
    return (
     <Navigator 
     initialRoute={{name: 'lineChart'}} 
     renderScene={this.renderScene.bind(this)} 
     configureScene={() => Navigator.SceneConfigs.FloatFromRight}/> 
    ); 
    } 
} 

ich mein android-App auf meinem Gerät laufen, und ich leere Seite auf meinem Gerät mit einer beliebigen Ausnahme oder Fehler gefunden.

Irgendwelche Vorschläge?

Answer 1

Sie sollten die js-Dateien nicht irgendwo kopieren müssen. Vorausgesetzt, dass Sie die gradle Änderungen und MainApplication.java Änderungen abgeschlossen (ja, ist es an einem anderen Ort dann seinem Beispiel, weil das erst vor kurzem geändert), sollte diese in der Lage sein, nur zu tun:

import { BarChart } from 'react-native-chart-android'; 

{...} 

render() { 
    return (
     <BarChart style={{flex: 1}} data={this.getDate()} /> 
    ); 
} 

{...} 

getData angenommen wird, nur sei die Methode aus dem Beispiel auf der GitHub-Seite.