没有overlayColor的Android GIF borderRadius

时间:2018-06-09 02:48:35

标签: android react-native react-native-android

我的所有GIF都是非实体背景。让GIF立即尊重borderRadius的唯一方法是使用一个名为overlayColor per的hack:

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

1 个答案:

答案 0 :(得分:1)

对我来说,解决方案是将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>