Не могу показать значок с помощью response-native-svg-charts - PullRequest
Новая
       12

Не могу показать значок с помощью response-native-svg-charts

0 голосов
/ 18 мая 2018

Я использую response-native-svg-charts , чтобы создать диаграмму, и я не могу получить изображение / значок для отображения на диаграмме.Я посмотрел на примеры, и я не знаю, что я делаю не так.Мой код основан на примере, который я получил из репозитория examples .

Я получаю изображение из aws s3, я попытался извлечь изображение и сохранить его как временный файл, но этотоже не удалось.Помогите! 

class AssetsPieChart extends Component {
	static propTypes = {
		data: arrayOf(object).isRequired,
	}

	render() {
		const { data } = this.props
		const randomColor = () => (`#${(Math.random() * 0xFFFFFF << 0).toString(16)}000000`.slice(0, 7))

		const pieData = data
		.filter(el => el.value > 0)
		.map((el, index) => ({
				value: el.value,
				svg: { fill: randomColor() },
				key: `pie-${index}`,
				icon: el.icon,
		}))

		return (
			<PieChart
				style={{ height: '100%' }}
				data={pieData}
				innerRadius={100}
				outerRadius={110}
				labelRadius={150}
				renderDecorator={({
					item,
					pieCentroid,
					labelCentroid,
					index,
				}) => (
					<G key={index}>
						<Line
							x1={labelCentroid[0]}
							y1={labelCentroid[1]}
							x2={pieCentroid[0]}
							y2={pieCentroid[1]}
							stroke={item.svg.fill}
						/>
						<Image
							source={{ uri: item.icon }}
							style={{ zIndex: 50 }}
							x={labelCentroid[0]}
							y={labelCentroid[1]}
						/>
						<Text
							alignmentBaseline="middle"
							textAnchor="middle"
							x={labelCentroid[0]}
							y={labelCentroid[1] - 30}
							dy={-10}
						>
							{item.value}
						</Text>
					</G>
				)}
			/>
		)
	}
}
...