React native 反应本机图表工具包问题检查呈现方法
我正在测试包react native chart kit,我遵循教程只是想看看它是什么样子,但我无法让它正常工作。我也试过使用piechart和barchart,但仍然是同样的错误。你能指导我检查一下有什么问题吗:React native 反应本机图表工具包问题检查呈现方法,react-native,charts,render,React Native,Charts,Render,我正在测试包react native chart kit,我遵循教程只是想看看它是什么样子,但我无法让它正常工作。我也试过使用piechart和barchart,但仍然是同样的错误。你能指导我检查一下有什么问题吗: import React from 'react' import { Text, View, TouchableOpacity, Dimensions } from 'react-native' import LineChart from 'react-native-chart-ki
import React from 'react'
import { Text, View, TouchableOpacity, Dimensions } from 'react-native'
import LineChart from 'react-native-chart-kit'
const screenWidth = Dimensions.get("window").width;
const linedata = {
labels: ['January', 'February', 'March', 'April', 'May', 'June'],
datasets: [
{
data: [20, 45, 28, 80, 99, 43],
strokeWidth: 2, // optional
},
],
};
export default function Linechart() {
return (
<View>
<Text>
Bezier Line Chart
</Text>
<LineChart
data={linedata}
width={Dimensions.get('window').width} // from react-native
height={220}
yAxisLabel={'$'}
chartConfig={{
backgroundColor: '#e26a00',
backgroundGradientFrom: '#fb8c00',
backgroundGradientTo: '#ffa726',
decimalPlaces: 2, // optional, defaults to 2dp
color: (opacity = 1) => `rgba(255, 255, 255, ${opacity})`,
style: {
borderRadius: 16
}
}}
bezier
style={{
marginVertical: 8,
borderRadius: 16
}}
/>
</View>
);
}
从“React”导入React
从“react native”导入{文本、视图、TouchableOpacity、维度}
从“react native chart kit”导入折线图
const screenWidth=维度.get(“窗口”).width;
常量行数据={
标签:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”],
数据集:[
{
数据:[20,45,28,80,99,43],
冲程宽度:2,//可选
},
],
};
导出默认函数折线图(){
返回(
贝塞尔折线图
`rgba(255,255,255,${opacity})`,
风格:{
边界半径:16
}
}}
贝塞尔
风格={{
Margin:8,
边界半径:16
}}
/>
);
}
只需将其导入到花括号中即可
import { LineChart } from 'react-native-chart-kit';
每当您看到此错误消息时,最好先怀疑存在错误的导入语句。非常感谢。。。我很抱歉错过了。。。很简单。。。非常感谢你。