Question

我正在使用react-native-lightbox来缩放图像。我有一个缩略图，当按下它时，会加载大于屏幕分辨率的图像，以便在没有质量损失的情况下进行可能的缩放。

打开灯箱时出现问题，图像被裁剪为屏幕尺寸，我无法将其缩放到完整尺寸。

在Android上运行良好，所以我认为它与Retina Screen有关。

对此有任何想法，或者您是否知道允许我完成此任务的组件？

以下是代码：

    <Lightbox
        key={images.photo_id}
        activeProps={{
            resizeMode: 'contain',
            source: { uri: images.photo_sizes.full },
            style: { flex: 1, width: null, height: null }
        }}
    >
        <Image
            source={{ uri: images.photo_sizes.thumbnail }}
            style={ flex: 1, height: 200, width: null }
            resizeMode='cover'
        />
    </Lightbox>

谢谢！

Answer 1

您可以使用scrollview在ios中实现压缩缩放，只需将图像放在下面并设置maximumZoomScale和minimumZoomScale值。它只适用于ios。

<ScrollView maximumZoomScale={5} scrollEnabled={true} minimumZoomScale={1} showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false}>
 <Image
  style={{height:100, width: 300}}
  source={{ uri: "https://img0.gaadicdn.com/images/car-
          images/496x206/Lamborghini/Lamborghini-Huracan/Lamborghini-
          Huracan-Performante/047.jpg" 
        }}
  />
</ScrollView>

使用react-native缩放大于屏幕分辨率的图像

1 个答案: