如何在我的react-native android项目中集成这个lib /组件?

时间:2016-07-14 00:24:55

标签: react-native react-native-android

我是反应原生世界的新手。如何在我的react-native android项目中集成这个lib /组件(react-native-chart-android)?看来他的例子对我的本地项目不起作用。

我不知道如何在我的本地android项目中添加以下代码。我正在使用最新的react-native版本。没有地方让我像他一样注册模块(在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应用程序,并且在我的设备上发现任何异常或错误的空白页。

有什么建议吗?

1 个答案:

答案 0 :(得分:2)

您不必将js文件复制到任何地方。假设您完成了gradle更改并且MainApplication.java发生了更改(是的,它位于不同的地方,那么他的示例因为刚刚更改了)您应该能够执行此操作:

<input id="hidden_myPHPdata" type="hidden">
<div id="markupHolder"></div>

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