android - 在Android上 react Native Circle Image

我只是想在我的Android本机应用程序中拍摄一个正方形图像并将其包含在一个圆圈内。基本上是圆形图像。

<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图像。您所期望的方法似乎适用于jpg和png，但不适用于GIFS！

最佳答案

您无需具有环绕视图即可实现此目的，只需将borderRadius设置为图像大小的一半即可解决问题。您想要的任何其他样式都可以直接应用于Image视图

您可以在此处查看示例https://snack.expo.io/rJI4DzoDW