React native background image警告：無効なprops.styleキー `resizeMode`が` View`に提供されました

Question

this postからRNで背景イメージを作成する方法についての説明私は、他の要素を含む画像を持っている必要があることを学びました：

<Image style=... source=...> 
    <Text>Hello</Text> 
</Image> 

しかし、イメージに内部要素がある場合、RNはそれをビューに変換します。

ResizeModeですが画像にしていないビューに供給されたとして、これが独特である：私はこの警告を取得していますので、私はこの結論に達しました。警告で説明したように含む画像のスタイル：不一致があります場合は

Answer 1

：

{ 
     width: null, 
     height: null, 
     overflow: "hidden", 
     flex: 1, 
     flexDirection: "column", 
     justifyContent: "space-between", 
     alignItems: "stretch", 
     resizeMode: "cover" 
} 

が、私はこの警告を無視するか、すべきは、構造体のこれらの種類を作成するための適切な方法があります生の画像の寸法とフレームの間に、resizeMode小道具は、画像のサイズを変更する方法を決定します。

この小道具の値としてcontainを追加し、小道具をスタイルの一部としてではなく画像の上に追加する必要があります。

contain意志

スケール均一画像（画像の縦横比を維持する）画像の両方の次元（幅と高さ）に等しいか、またはビューの対応する寸法よりも小さくなるように（マイナスパディング）。

<Image style=... source=... resizeMode="contain"> 
    <Text>Hello</Text> 
</Image>