G-SVG 不会在其中显示我的图像 - 反应原生

Question

我正在使用react-native-svg.我想在其中显示我的图像，但G没有显示它：

<G x={endCoord2.x-widthHeight} y={endCoord2.y-widthHeight}>
<Image resizeMode='stretch' style={{width:50,height:50,margin:4}} source={{uri: 'https://javacupcake.com/wp-content/uploads/2017/07/IceCreamConeCupcakes_0307.jpg'}} />
</G>

但在下面的代码显示一个白色圆圈：

<G x={endCoord2.x-widthHeight} y={endCoord2.y-widthHeight}>
<Circle r={widthHeight}
cx={widthHeight}
cy={widthHeight}
fill="#fff"
{...this._panResponderShops.panHandlers}
/>
</G> 

我的错在哪里？

Answer 1

求解：

您应该从react-native-svg导入Image：

<Image
x="5%"
y="5%"
width={widthHeight+20}
height={widthHeight+20}
preserveAspectRatio="xMidYMid slice"
opacity="0.5"
href={require('../../../images/ics/ic_blue_logo.png')}
clipPath="url(#clip)"
/>

https://github.com/react-native-community/react-native-svg/blob/master/README.md#image