title: React native how to make an image take up full screen?
body: <p>I have a component that when called should display an image for the whole screen of the phone. The issue is I cannot get the image centered. It is mostly off screen to the right with some barely visible. If anyone knows what I am doing wrong your help would be much appreciated. I am using react-native-image-zoom so the image can be zoomed on and swiped down to go away.</p>
  
  <p>My image component: </p>
  
  <pre><code>const FullPicture = (props) =&gt; {
    return (
      &lt;View style={{ height: '100%', width: '100%' }}&gt;
        &lt;ImageZoom
          cropWidth={Dimensions.get('window').width}
          cropHeight={Dimensions.get('window').height}
          enableSwipeDown
          onSwipeDown={() =&gt; props.closeImage()}
        &gt;
          &lt;Image
            style={{ height: props.picture.height, width: props.picture.width }}
            resizeMode={'cover'}
            source={{ uri: props.picture.uri }}
          /&gt;
        &lt;/ImageZoom&gt;
      &lt;/View&gt;
    );
  };
  </code></pre>