反応したネイティブの異なる画面で画像のサイズを変更するには

Question

私は日本語を母国語としていないのです。私は別の画面でイメージのサイズを変更したいと思います。たとえば、携帯電話の画面が大きい場合は、大きな画像を使用したいと考えています。私は私のビューコンテナ内で、次のコードを配置：ここ

<Image style={styles.img} 
      source={require('myimage')} 
     /> 
       <Text style={styles.item_normal}>Test1</Text> 
        <Text style={styles.itemInfo_small}>Test2</Text> 

     <Button_yellow onPress={() => { this.onPressEnter() }} label="Enter" icon="yellow" /> 

は私のスタイルです：

const styles = StyleSheet.create({ 
     container: { 
     flex: 1, 
      backgroundColor: '#FFFFFF', 
      width: Dimensions.get('window').width, 
      height: Dimensions.get('window').height, 
     }, 
     img: { 
    width: 100, 
    height: 80, 
    marginTop: 10, 
     marginBottom: 10, 
    }, 
    itemInfo_small: { 
      fontSize: 12, 
      color: '#000000', 
      textAlign: 'center', 
     marginBottom: 5, 
     }, 

は、あなたはそれのサイズを変更する方法を私を助けてくださいことはできますか？あなたがそうのような割合を使用することができます

Answer 1

：

width: Dimensions.get('window').width * percentage/100, 
height: Dimensions.get('window').height * percentage/100