使用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縮放大於屏幕分辨率的圖像

回答

相關問題