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

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

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

在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>

谢谢！

来源

2017-05-11 Borja Herrero

您可以使用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>

来源

2017-05-12 11:13:54

谢谢@sooraj！如果我这样做，放大的图像无论如何变得模糊。我尝试过更大的图像，结果是一样的。我有一个带有图例的地图，我需要人们可以在缩放时阅读它。 –

您能否调整最大缩放比例，然后再试一次 –

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

回答

相关问题