Image 将本机图像与resizeMode contain反应,移动到子容器内

Image 将本机图像与resizeMode contain反应,移动到子容器内,image,reactjs,react-native,react-native-flexbox,Image,Reactjs,React Native,React Native Flexbox,我目前正在编写一个react本机应用程序 我想在我的组件顶部显示2个图像, 因此,我将我的图像用于: resizeMode:'contain' 啊,它可以工作,但当我使用它时,它会创建一个子容器,并在我的组件顶部和我的图像之间创建一个边框 如何删除此空间 我已尝试删除空间的大小,但它不适用于所有设备 您可以使用resizeMode:“cover”,但会丢失图像的一部分。一个更好但更复杂的选择是,根据当前宽度设置图像的高度,以保持与原始图像相同的比率。@AntoineGrandchamp感谢您的

我目前正在编写一个react本机应用程序

我想在我的组件顶部显示2个图像, 因此,我将我的图像用于:

resizeMode:'contain'
啊,它可以工作,但当我使用它时,它会创建一个子容器,并在我的组件顶部和我的图像之间创建一个边框

如何删除此空间


我已尝试删除空间的大小,但它不适用于所有设备

您可以使用resizeMode:“cover”,但会丢失图像的一部分。一个更好但更复杂的选择是,根据当前宽度设置图像的高度,以保持与原始图像相同的比率。@AntoineGrandchamp感谢您的回复这是当前实际制作的,但如果我设置高度,设备之间看起来有点不同,我很有趣,因为我认为没有办法做我想做的事情。你能做的就是用它来获得视图的宽度。然后,如果您知道原始图像的尺寸是500 x 250,并且视图的宽度是400px(例如),那么您可以将高度设置为200px。