我正在构建相册 React Native 移动应用程序。 因为我想将作为宽图像(1)一部分的方形图像显示为图像(2)。
那么问题来了，如何在 React Native 中正确缩放图像的中间？我可以使用 StyleSheet(CSS) 来实现吗？或者有什么库吗？
图像(1) - 2048 像素 x 1152 像素
图像(2) - 1080 像素 x 1080 像素
最佳答案
查看Image组件resizeMode属性。它应该适合你。
https://facebook.github.io/react-native/docs/image.html#resizemode
它确定当框架与原始图像尺寸不匹配时如何调整图像大小。
cover:均匀缩放图像(保持图像的长宽比)，使图像的两个尺寸(宽度和高度)等于或大于图像的相应尺寸 View (减去填充)。
包含:均匀缩放图像(保持图像的宽高比)，使图像的两个尺寸(宽度和高度)等于或小于图像的相应尺寸 View (减去填充)。
拉伸(stretch):独立缩放宽度和高度，这可能会改变 src 的宽高比。
重复:重复图像以覆盖 View 框架。图像将保持其尺寸和纵横比。 (仅限 iOS)
试试这个例子:
<Image style={{width: 100, height: 100}} resizeMode="cover" />
关于css - 在 React Native 中显示像 Instagram 一样的图像部分？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46243239/