React本机Android图像在resizeMode:'contain'上模糊

时间:2019-04-23 00:29:37

标签: android react-native

我正在使用虚拟设备在Android Studio上测试本机应用程序,并且在包含的图像背景上得到了这些模糊标记。在iOS上可以正常使用,但在Android上看起来不一样。

(问题图片)https://i.redd.it/qoptkvhzbct21.png

我已经尝试过更改Image的backgroundColor,但是它没有改变。

<View style={styles.imageContainer}>
   <Image 
     source={{ uri: `https://devUrl/${this.props.image}`}} 
     style={{ 
       flex: 1,
       width: null,
       height: null,
       resizeMode: 'contain',
       borderWidth: 1,
       borderColor: 'transparent',
       borderRadius: 10, 
     }} 
    />
</View>   

styles.imageContainer: {
    height: 500,
    flexDirection: 'row',
    borderTopRightRadius: 10,
    borderTopLeftRadius: 10,
    paddingTop: 0,
    paddingLeft: 0, 
    paddingRight: 0, 
    backgroundColor: 'white'
  },

编辑:原来这是一个问题,您不能在Android设备上使用resizeMode:'contain'。我使用图像的长宽比并设置了容器高度。

0 个答案:

没有答案