如何在本机反应中使用饼图

Posted 2023-04-18

【中文标题】如何在本机反应中使用饼图

【英文标题】：How can I use piechart chart in react native

【发布时间】：2021-12-29 19:37:22

【问题描述】：

我正在使用 React Native 0.66 但我想将它集成到饼图、dognut 图表图表中，我使用了这个包 "react-native-pie-chart": "^2.0.2", 我在模拟器上运行ios 14 实际输出 Required Native component ArtShape was not found in the UIManager ** 预期产出** 饼形图 源代码

import PieChart from 'react-native-pie-chart';
export default class DashoardChart extends Component 
   const widthAndHeight = 250;
   const series = [123, 321, 123, 789, 537];
   const sliceColor = ['#F44336', '#2196F3', '#FFEB3B', '#4CAF50', '#FF9800'];
   
render() 
    const widthAndHeight = 250;
    const series = [123, 321, 123, 789, 537];
    const sliceColor = ['#F44336', '#2196F3', '#FFEB3B', '#4CAF50', '#FF9800'];

    return (
      <ScrollView style=flex: 1>
        <View style=styles.container>
          <Text style=styles.title>Basic</Text>
          <PieChart
            widthAndHeight=widthAndHeight
            series=series
            sliceColor=sliceColor
          />
          <Text style=styles.title>Doughnut</Text>
          <PieChart
            widthAndHeight=widthAndHeight
            series=series
            sliceColor=sliceColor
            doughnut=true
            coverRadius=0.45
            coverFill='#FFF'
          />
        </View>
      </ScrollView>
    );
  

【参考方案1】：

这么多包破解了应用程序，但我发现了一个名为"react-native-pie-chart": "^2.0.2", 的包，它显示shows doghnut chart 我在ios 应用程序上测试过它