我是 react-native 的新手,想在我的 create-react-native-app 中使用victory-native。我在谷歌上搜索了一段时间后发现了胜利图表,但不幸的是,我无法使用它。 这是错误截图 和
这是我的代码:
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;