View 更新属性时出错';填充&x27;由以下人员管理的视图的副本:RNSVGLine
我正面临一个非常棘手的问题。我正在尝试用react-native构建图表,因此我使用react-native图表工具包,但当我通过一个库的文档化示例并构建它时,他向我显示以下错误: 我的家属: 代码如下:View 更新属性时出错';填充&x27;由以下人员管理的视图的副本:RNSVGLine,view,linechart,fill,View,Linechart,Fill,我正面临一个非常棘手的问题。我正在尝试用react-native构建图表,因此我使用react-native图表工具包,但当我通过一个库的文档化示例并构建它时,他向我显示以下错误: 我的家属: 代码如下: import React, { Component } from 'react'; import { StyleSheet, Text, TextInput, View, Button, Dimensions } from 'react-native'; import { LineC
import React, { Component } from 'react';
import { StyleSheet, Text, TextInput, View, Button, Dimensions } from 'react-native';
import {
LineChart,
BarChart,
PieChart,
ProgressChart,
ContributionGraph,
StackedBarChart
} from 'react-native-chart-kit'
export default class App extends React.Component {
render() {
return (
<View>
<Text>
Bezier Line Chart
</Text>
<LineChart
data={{
labels: ['January', 'February', 'March', 'April', 'May', 'June'],
datasets: [{
data: [
Math.random() * 100,
Math.random() * 100,
Math.random() * 100,
Math.random() * 100,
Math.random() * 100,
Math.random() * 100
]
}]
}}
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>
);
}
}
import React,{Component}来自'React';
从“react native”导入{样式表、文本、文本输入、视图、按钮、维度};
进口{
线条图,
柱状图,
皮查特,
进度表,
贡献图,
堆叠条形图
}来自“反应本机图表工具包”
导出默认类App扩展React.Component{
render(){
返回(
贝塞尔折线图
`rgba(255,255,255,${opacity})`,
风格:{
边界半径:16
}
}}
贝塞尔
风格={{
Margin:8,
边界半径:16
}}
/>
);
}
}
我希望有人能帮助我!多谢各位