在Android上使用React Native的圖像的透明backgroundColor

我有一個資產，在我們的應用程序中使用透明背景。在iOS上，如果在Android上爲Image組件設置backgroundColor: 'transparent'，則它會始終呈現淺灰色背景。在Android上使用React Native的圖像的透明backgroundColor

事實上，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' 
}

來源

2017-03-31 Diego Couto

您是否嘗試過使用RGBA，而不是「透明」？ –

是的@TaylorKing！不幸的是，沒有運氣。屬性backgroundColor似乎在Android上被忽略。 –

嗯，它可能有助於知道你想要達到什麼... cardHeader的風格也是如此？ –

我意識到，我是從shoutem-ui代替react-native進口我Image組件。這就是爲什麼我不能設置背景顏色，這似乎被前者忽略，而不是後者。

如果你絆倒類似的東西，確保你從右側包導入COMPONENTES：

import {Image} from 'react-native';

來源

2017-04-03 16:59:48

在Android上使用React Native的圖像的透明backgroundColor

回答

相關問題