React native 使用react native run android构建在使用react native图表android时失败

我的react本机运行android失败，出现以下错误：

C:\Users\abhay\React\infp\u devices\android\app\src\main\java\com\infp\u devices\MainActivity.java:19： 错误：找不到符号 受保护的列表getPackages（）{ ^符号：类列表位置：类MainActivity C:\Users\abhay\React\infp\u devices\android\app\src\main\java\com\infp\u devices\MainActivity.java:19： 错误：找不到符号 受保护的列表getPackages（）{ ^符号：class ReactPackage位置：class MainActivity C:\Users\abhay\React\infp\u devices\android\app\src\main\java\com\infp\u devices\MainActivity.java:18： 错误：方法不重写或实现超类型中的方法 @凌驾 ^C:\Users\abhay\React\infp\u devices\android\app\src\main\java\com\infp\u devices\MainActivity.java:21： 错误：找不到符号 新建MainReactPackage（）， ^符号：class MainReactPackage位置：class MainActivity C:\Users\abhay\React\infp\u devices\android\app\src\main\java\com\infp\u devices\MainActivity.java:20： 错误：找不到符号 返回数组.asList( ^符号：class ReactPackage位置：class MainActivity C:\Users\abhay\React\infp\u devices\android\app\src\main\java\com\infp\u devices\MainActivity.java:20： 错误：找不到符号 返回数组.asList( ^符号：变量数组位置：class Main活动6错误：应用程序：CompiledBugJavaWithJavaC失败

失败：生成失败，出现异常

• 错误：任务：app:compiledBugJavaWithJavaC的执行失败
  编译失败；有关详细信息，请参阅编译器错误输出

• 尝试：使用--stacktrace选项运行以获取堆栈跟踪。使用--info或--debug选项运行以获取更多日志输出

构建失败

我已作出以下更改：

在android/setting.gradle中：

include ':react-native-chart-android'
project(':react-native-chart-android').projectDir = new 
File(rootProject.projectDir, '../node_modules/react-native-chart-
android/android')

在android/app/build.gradle中：

dependencies {
    compile fileTree(dir: "libs", include: ["*.jar"])
    compile "com.android.support:appcompat-v7:23.0.1"
    compile "com.facebook.react:react-native:+"  // From node_module
    compile project(':react-native-chart-android') //Changes to the code
}

我的整个android/app/src/main/java/com/xxxxxxx/MainActivity.java（xxxxxxx是我的应用程序名）如下所示：

package com.xxxxxxx;  // xxxxxxx is my app name

import com.facebook.react.ReactActivity;

import cn.mandata.react_native_mpchart.MPChartPackage;  // <--- import

public class MainActivity extends ReactActivity {

    /**
     * Returns the name of the main component registered from JavaScript.
     * This is used to schedule rendering of the component.
     */
    @Override
    protected String getMainComponentName() {
        return "xxxxxxx";   //xxxxxxx is my app name
        }

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
        new MainReactPackage(),
        new MPChartPackage());
}
}

import React from 'react';
import { View, Text } from 'react-native';

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

import { getBarData } from './graphComponent';


const graphDisplay = (props) => {
  // const myData = getBarData();
  return (
    <View style={{flex:1}}>
      <BarChart style={{flex:1}} data={getBarData()} />
   /View>
    );
});

export default graphDisplay;

export function getBarData() {
  const data = {
    xValues: ['1', '2', '3'],
    yValues: [
      {
        data: [4.0, 5.0, 6.0],
        label: 'test1',
        config: {
          color: 'blue'
        }
      },
      {
        data: [4.0, 5.0, 6.0],
        label: 'test2',
        config: {
          color: 'red'
        }
      },
      {
        data: [4.0, 5.0, 6.0],
        label: 'test2',
        config: {
          color: 'yellow'
        }
    }
    ]
  };
  return (data);
}