イメージを反応ネイティブで拡大する

Question

反応ネイティブライトボックスを使用して画像を拡大しています。私はサムネイルを持っています。これを押すと、画面の解像度よりも大きな画像がロードされ、品質の低下なしにポーズをとることができます。

ライトボックスを開いたときに画像が画面サイズに切り取られ、フルサイズにズームできないという問題が発生しました。

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

iosでピンチズームを実装するためにscrollviewを使用できます。イメージを次のように配置し、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>