title: Have a fixed <ImageBackground> that doesn't displace itself when I scroll
body: <p>I want to have a background image that takes all the screen and stays static when I scroll.</p>
  
  <p>I have this component in a React Native project:</p>
  
  <pre><code>&lt;ImageBackground`     style={styles.backgroundImage}
   source={require('../assets/images/Fondo1b.jpg')}&gt;
   ....
  &lt;/ImageBackground&gt;
  </code></pre>
  
  <p>It is wrapping another components and it has this style:</p>
  
  <pre><code>  backgroundImage: {
      flex: 1,
      resizeMode: 'cover',
      width: Dimensions.get('window').width,
      height: Dimensions.get('window').height
    },
  </code></pre>
  
  <p>When I scroll up and down, it moves with the screen:
  <a href="https://i.imgur.com/nRjXbEV.gif" rel="nofollow noreferrer">GIF link</a></p>
  
  <p>In here you can see how it displaces with the scroll.</p>
  
  <p>I need it to stay static occuping the size of the screen, not moving when I scroll and not displacing my FAB (it's Native Base's FAB, it that helps...)
  Any tips, please?</p>