1

我是 react-native 的新手,想在我的 create-react-native-app 中使用victory-native。我在谷歌上搜索了一段时间后发现了胜利图表,但不幸的是,我无法使用它。 这是错误截图Android 错误日志截图

这是我的代码:

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;
4

0 回答 0