如何将此 lib/component 集成到我的 react-native android 项目中？

Question

我是 react-native 世界的新手。如何将此 lib/component(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 应用程序在我的设备上，我发现我的设备上有任何异常或错误的空白页面。

有什么建议吗？

Answer 1

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

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

{...}

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

{...}

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

如何将此 lib/component 集成到我的 react-native android 项目中？

How to integrate this lib/component in my react-native android project?

react-native

react-native-android