Android上的React Native Circle图片

我只是试图在Android的反应本机应用程序中将方形图像包含在一个圆圈内。圆形图像基本上。Android上的React Native Circle图片

<View style={mainStyle.profileImageContainer}> 
      <Image 
       style={mainStyle.profileImage} 
       source={{uri: CONFIG.media_url+this.props.image}} 
       resizeMode="cover" 
      /> 
</View>

和风格：

profileImageContainer: { 
    translateY: -43, 
    alignSelf: 'center', 
}, 
profileImage: { 
    resizeMode: 'cover', 
    height: 86, 
    width: 86, 
    borderWidth: 2, 
    borderRadius: 75, 
    overlayColor: CREAM, 
},

但只有这样，才能得到它远程圆形Android上是增加了“overlayColor”，但我需要这是透明的，这样的设计背后是可见的。透明属性不起作用。

有没有人有任何想法如何实现这一目标？我是否缺少某种简单的财产？

编辑：感谢Dhruv Parmar的回答，我意识到这个问题是因为我使用的是GIF图像。您期望的方法似乎可以与jpgs和pngs一起使用，但不能使用GIFS！

来源

2017-08-11 P.Sermon

你能告诉你的形象目前是如何显示的例子吗？ –

你不需要有一个包装视图来实现这一点，只需使用borderRadius设置为图像大小的一半就可以了。你想要的任何其他样式可以直接应用于Image视图

您可以在这里看到https://snack.expo.io/rJI4DzoDW

来源

2017-08-11 11:40:10

Android上的React Native Circle图片

回答

相关问题