2017-10-19 12 views
0

私は画像を持っていますが、resizeMode = "cover"を使って画像を大きくしたい場合、画像の一部が途切れてしまいます。それを修正するには?ここで画像がresizeModeで覆われています

render() { 
return (
<View style={styles.container}> 

     <Image 
      style={styles.imgStyleGoogle} 
      source={{uri: 'my.png'}} 
     /> 
<View> 
    ) 
} 

const styles = StyleSheet.create({ 
    container: { 
     flex: 1, 
     alignItems: 'center', 
     marginLeft: ratio * 5, 
     marginRight: ratio * 5, 
    }, 


imgStyleGoogle: { 
     flex: 1, 
     height: ratio*25, 
     width: ratio*100, 
     resizeMode:'cover', 
    } 
}) 

は、画像の例である: enter image description here

+0

なぜ 'resizeMode ="に "?"が含まれていませんか? – Cherniv

答えて

0

私は解決策を見つけ、問題は画像にflex: 1ていた、私はimgStyleGoogleからそれを削除し、resizeMode:'contain'を変更し、切断し、それ以上の画像がありません。

関連する問題