画像が正しく

Question

このイメージは、次のように示されているresizeMode="stretch"で、私はReact-Native:

<View> 
    <Text style={styles.myTitle}> This is the title 2 </Text> 
    <Image 
     style={{ width: null}} 
     source={require('./images/05.jpg')} 
     resizeMode="stretch" 
    /> 
</View> 

で私のイメージを示すてる方法です表示されませんresizeMode="contain"：

<View> 
    <Text style={styles.myTitle}> This is the title 3</Text> 
    <Image 
     style={{ width: null}} 
     source={require('./images/05.jpg')} 
     resizeMode="contain" 
    /> 
</View> 

resizeMode="contain"：

私はイメージが、それは第二のタイプであるかのように表示させたいが、不要なマージンがあります：最初の画像で

マージンがされています完璧ですが、完全なイメージは表示されません。私はいつもcontainがそれを世話すると思っていましたが、ここでは役に立たないです。私が望むのは、余分な余白なしで画像全体を表示することだけです。

助けてください。ありがとう。

Answer 1

coverを使用できますが、画像の一部が切り取られます。

それはあなたがあなたのイメージに高さプロパティを追加する必要があります動作させるために：

<View> 
    <Text>This is the title 3</Text> 
    <Image 
     style={{ width: null, height: '100%' }} 
     source={require('./image.png')} 
     resizeMode="cover" 
    /> 
    </View>