1

我是 react-native 世界的新手。如何将此库/组件（react-native-chart-android）集成到我的 react-native 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 应用程序，我发现我的设备上有任何异常或错误的空白页。

有什么建议吗？

4

1 回答 1

2

您不必在任何地方复制 js 文件。假设您完成了 gradle 更改和 MainApplication.java 更改（是的，它与他的示例位于不同的位置，因为刚刚更改）您应该能够这样做：

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

{...}

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

{...}

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

于 2016-07-15T11:33:00.413 回答