我正在使用虚拟设备在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'。我使用图像的长宽比并设置了容器高度。