在React Native中显示像Instagram这样的图像部分？

Question

我正在建立相册React原生移动应用程序。 因为我想显示作为图像（2）的宽图像（1）的一部分的正方形图像。

所以问题，如何在React Native中正确放大图像的中间位置？我可以使用StyleSheet（CSS）吗？或者有没有图书馆？

图像（1） - 2048像素×1152像素

图像（2） - 1080像素×1080像素

Answer 1

考查Image部件resizeMode属性。它应该适合你。

https://facebook.github.io/react-native/docs/image.html#resizemode

它确定如何调整图像的大小时，该帧不匹配的原始图像的尺寸。

• 盖：缩放图像均匀（保持图像的纵横比），以使图像的两个尺寸（宽度和高度）会比视图的相应尺寸等于或大于（负填充）。

• 包含：均匀地缩放图像（保持图像的纵横比），以使图像的两个尺寸（宽度和高度）会比图（减去填充）的对应尺寸等于或更少。

• stretch：独立缩放宽度和高度，这可能会改变src的宽高比。

• 重复：重复图像以覆盖视图的框架。图像将保持其尺寸和高宽比。 （仅适用于iOS）

试试这个，例如：

<Image style={{width: 100, height: 100}} resizeMode="cover" />