胜利本机图表不使用create-react-native-app

时间:2017-04-11 07:23:08

标签: react-native reactjs-native create-react-native-app

我是反应原生的新手,想在我的create-react-native-app中使用victory-native。我在谷歌搜索了一段时间后遇到了胜利图表,但不幸的是,我无法使用它。 This is the error screenshotAndroid Error log Screenshot

这是我的代码:

import React from 'react';  
import { StyleSheet, View } from 'react-native';  
import { VictoryBar, VictoryChart } from 'victory-native';  

const styles = StyleSheet.create({  
  container: {  
    flex: 1,  
  },  
});  

const data = [
    { quarter: 1, earnings: 13000 },
    { quarter: 2, earnings: 16500 },
    { quarter: 3, earnings: 14250 },
    { quarter: 4, earnings: 19000 },
];

const AppChart = () => {
  return (
    <View style={styles.container}>
      <VictoryChart>
        <VictoryBar
          style={{
            data: { fill: 'blue' },
          }}
          data={data}
          x="quarter"
          y="earnings"
        />
      </VictoryChart>
    </View>
  );
};

export default AppChart;

0 个答案:

没有答案