如何将这个lib /组件集成到我的react-native android项目中？

我是一个全新的反应本土世界。如何将这个lib /组件（react-native-chart-android）集成到我的react-native android项目中？看来他的例子不适用于我的本地项目。如何将这个lib /组件集成到我的react-native android项目中？

我不知道如何在我的本地android项目中添加下面的代码。我正在使用最新的反应原生版本。没有地方让我像他所做的那样注册模块（在MainActivity.java部分注册模块）。我在我的MainApplication.java中添加了这一行

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

};

然后我复制LineChart.android.js，Button.js，TitleBar.js和LineChart.js与index.android.js同级别

我也在我index.android添加了一些js代码.js文件是这样的：

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

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

我的设备上运行我的Android应用程序，我发现空白页我的设备上有任何异常或错误。

有什么建议吗？

来源

2016-07-14 user3034559

你不应该在任何地方复制js文件。假设你完成了gradle这个变化和MainApplication.java变化（是的，它是在一个不同的地方，那么他的榜样，因为这只是最近改变了），你应该能够只是这样做：

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

{...} 

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

{...}

的getData假设只成为github页面上提供的示例中的方法。

来源

2016-07-15 11:33:00 rmevans9

如何将这个lib /组件集成到我的react-native android项目中？

回答

相关问题