我所有的GIF都是非固定背景。现在,让GIF尊重borderRadius的唯一方法是使用一种名为overlayColor的技巧:


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


有人还有其他解决方案吗? overlayColor不是我可以使用的解决方案。

最佳答案

对我来说,解决方案是将Image包装在View中,并使Image和View具有相同的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>

关于android - Android GIF borderRadius,没有overlayColor,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/50770479/

10-12 03:42