View 更新属性时出错';填充&x27;由以下人员管理的视图的副本:RNSVGLine

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

我正面临一个非常棘手的问题。我正在尝试用react-native构建图表,因此我使用react-native图表工具包,但当我通过一个库的文档化示例并构建它时,他向我显示以下错误:

我的家属:

代码如下:

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
}}
/>
);
}
}
我希望有人能帮助我!多谢各位