React native 如何在React Native中自动缩放图像？

有一张图片具有固定的

aspectRatio

。当

宽度：“100%”时，如何调整其大小以适合容器或计算高度？
要将图像放入宽度为100%的容器中，请尝试
宽度=100%+resizeMode=包含

比如说


<Image

  resizeMode={'contain'}
  style={{ flex:1, 
  width:'100%',
        aspectRatio: 1 }}
  source={{uri: "https://www.yoursite.com/images/" + item.photo}}
/>  





或

从'react native'导入{Image，StyleSheet，View}；
常量图像=（）=>(
);
const style=StyleSheet.create({
IMG容器：{
flexDirection:“行”
},
图片：{
resizeMode:'包含'，
弹性：1，
aspectRatio:1//您的纵横比
}
});
要将图像放入宽度为100%的容器中，请尝试
宽度=100%+resizeMode=包含

比如说


<Image

  resizeMode={'contain'}
  style={{ flex:1, 
  width:'100%',
        aspectRatio: 1 }}
  source={{uri: "https://www.yoursite.com/images/" + item.photo}}
/>  





或

从'react native'导入{Image，StyleSheet，View}；
常量图像=（）=>(
);
const style=StyleSheet.create({
IMG容器：{
flexDirection:“行”
},
图片：{
resizeMode:'包含'，
弹性：1，
aspectRatio:1//您的纵横比
}
});
对不起，我的意思是我将图像witdh设置为100%，以适应集装箱。我看到了，我发布了第二种方法，请查看它是否适合您的需要。对不起，我的意思是我将图像witdh设置为100%，以适应集装箱。我看到，我发布了第二种方法，请查看它是否适合您的需要。