Androidのネイティブサークルイメージに反応する

Question

私は、正方形の画像を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」を追加することですが、私は後ろのデザインが表示されているので、これを透明にする必要があります。プロパティtransparentは機能しません。

これを達成する方法はありますか？私はシンプルな不動産を見逃していますか？

編集：Dhruv Parmarのおかげで、私はGIF画像を使用していたため、問題が発生していることに気付きました。あなたが期待する方法は、jpgとpngでうまくいくようですが、GIFではうまくいかないようです！

Answer 1

これを実現するためにラッピングビューを使用する必要はありません。単純にborderRadiusをイメージサイズの半分に設定すると、そのトリックを行う必要があります。あなたが望む任意の他のスタイルがImageビュー

に直接適用することができますが、ここでhttps://snack.expo.io/rJI4DzoDW