Androidのリアクションネイティブを使用する画像の透明な背景色

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

私はshoutem-ui代わりのreact-nativeから私のImage部品を輸入していることに気づきました。これは背景色を設定することができなかった理由です。背景色は無視されているように見えますが、後者は無視できません。

あなたが似た何かにつまずいた場合、あなたは右のパッケージからcomponentesをインポートしていることを確認し：

import {Image} from 'react-native';