I have an asset with transparent background being used on our app. While on iOS, setting backgroundColor: 'transparent'
for the Image component works as expected, on Android, it always gets rendered with a light grey background.
In fact, backgroundColor value seems to be completely ignored on Android.
This is how it looks right now:
<View style={styles.cardHeader}>
<Image
source={require('../assets/images/greeting.png')}
style={styles.greetingImage} />
</View>
Styles:
cardHeader: {
alignSelf: 'stretch',
backgroundColor: Color.GREY,
paddingTop: 30,
borderTopLeftRadius: 5,
borderTopRightRadius: 5
},
greetingImage: {
alignSelf: 'center',
backgroundColor: 'transparent'
}