圖像用resizeMode覆蓋

Question

我有一個圖像，當我想使用resizeMode =「cover」使圖像變大時，部分圖像被切斷。如何解決這個問題？

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', 
    } 
}) 

下面是示例的圖片：

Answer 1

我發現的方案中，問題是與在圖像flex: 1，我刪除它從imgStyleGoogle和改resizeMode:'contain'，並且沒有更多的圖像切斷。