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

Question

我在我们的应用程序上使用了具有透明背景的 Assets 。在 iOS 上，设置 backgroundColor: 'transparent'对于 Image 组件按预期工作，在 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来自 shoutem-ui 的组件而不是 react-native .这就是为什么我无法设置背景颜色的原因，前者似乎忽略了这一点，但后者却没有。 😉

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

import {Image} from 'react-native';