title: How to popup an image on press in react native
body: <p>I want to magnify an image on press.</p>
  
  <p>Here is my code </p>
  
  <pre><code>{
       this.state.data.file_name &amp;&amp;
       &lt;Avatar
          xlarge
          source={{ uri: IMG_URL + this.state.data.file_name }}
          onPress={() =&gt; this.enlargeImage(IMG_URL + 
          this.state.data.file_name)}
          activeOpacity={0.7}
          containerStyle={{ borderWidth: 1, borderColor: '#000', margin: 10 }}
       /&gt;
  }
  
  enlargeImage = (img) =&gt; {
  return (
    &lt;Lightbox underlayColor="white"&gt;
    &lt;Image
      style={{flex: 1,height: 200}}
      resizeMode="contain"
      source={{ uri: img }}
    /&gt;
   &lt;/Lightbox&gt;      
  )
  }
  </code></pre>
  
  <p>Now there is no response on image click. i'm using <code>react native lightbox</code>. Is there any alternative way to popup the image on touch?                                                                           </p>