反应本机 svg 图表呈现重复文本

Question

我正在使用“react-native-svg-chart”创建饼图，但我遇到了一个问题，它在饼图的中心呈现重复文本（下图）。

这是我使用的代码

   <PieChart
            style={{height: 262}}
            valueAccessor={({item}) => item.amount}
            data={data}
            outerRadius={'95%'}>
            <Text
              style={{
                position: 'absolute',
                left: deviceWidth / 2.3 - labelWidth / 3,
                textAlign: 'center',
              }}>
              hello
            </Text>
            <Labels />
          </PieChart>

Answer 1

尝试从 react-native-svg 导入 Text 组件，如

import { Text } from 'react-native-svg'

反应本机 svg 图表呈现重复文本

react native svg chart render duplicate text

javascript

react-native

charts

react-native-svg-charts