android - 没有overlayColor的Android GIF边框半径

Question

我所有的 GIF 都是非纯色背景。现在让 GIF 尊重borderRadius 的唯一方法是使用一个名为overlayColor per 的hack：

• react native android中GIF图像的圆角问题
• https://github.com/facebook/react-native/issues/11363

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

标签： androidreact-nativereact-native-android

Answer 1

我的解决方案是将图像包装在视图中，并使图像和视图具有相同的边框半径。编辑：最初我说图像需要具有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>