没有overlayColor的Android GIF borderRadius

Question

我的所有GIF都是非实体背景。现在让GIF尊重边界Radius的唯一方法是使用一个名为overlay Color的hack：

• Rounded corner issue with GIF image in react native android
• https://github.com/facebook/react-native/issues/11363

有没有人有其他解决方案？ overlayColor不是我使用的解决方案。

Answer 1

我的解决方案是将图像包装在视图中，并使图像和视图具有相同的borderRadius。编辑：最初我说图像需要有一个overlayColor但它看起来没有效果（这是有道理的）。添加了我正在使用的代码示例：

<View style={{ width: 80, height: 80, borderRadius: 40, overflow: 'hidden' }}>
     <Image
         source={image}
         resizeMode='cover'
         style={{
            borderRadius: 40,
            alignSelf: 'center',
            width: 80,
            height: 80
         }} />
</View>