在 Android 上使用 React Native 实现图像的透明背景颜色

Question

我的应用程序上使用了具有透明背景的资产。在 iOS 上，backgroundColor: 'transparent'图像组件的设置按预期工作，但在 Android 上，它始终以浅灰色背景渲染。

事实上，backgroundColor 值在 Android 上似乎被完全忽略了。

现在看起来是这样的：

<View style={styles.cardHeader}>
  <Image
    source={require('../assets/images/greeting.png')}
    style={styles.greetingImage} />
</View>

款式：

cardHeader: {
  alignSelf: 'stretch',
  backgroundColor: Color.GREY,
  paddingTop: 30,
  borderTopLeftRadius: 5,
  borderTopRightRadius: 5
},

greetingImage: {
  alignSelf: 'center',
  backgroundColor: 'transparent'
}

Answer 1

我意识到我是Image从Shotem-ui而不是react-native. 这就是为什么我无法设置背景颜色的原因，这似乎被前者忽略了，但后者却没有。

如果您偶然发现类似的东西，请确保您从正确的包中导入组件：

import {Image} from 'react-native';