title: How to prevent my ImageBackground from resizing in React Native?
body: <p>Currently, when you click inside of a text field on our login page the ImageBackground resizes or moves.  I tried setting resizeMode to all of its potential options but none of them helped.  How can I prevent this from happening without using KeyboardAvoidingView?  I have tried to use KeyboardAvoidingView and it did not work but also negatively affected the width of my other elements.</p>
  
  <pre><code>&lt;ImageBackground source={require('../../assets/signinBG.jpg')} style={styles.backgroundImage}&gt;
  </code></pre>
  
  <p>styles:</p>
  
  <pre><code>backgroundImage: {
      flex: 1,
      backgroundColor:'rgba(0,0,0,0.45)',
      width: null,
      height: null
  },
  </code></pre>
  
  <p>Here is a video I made demonstrating this behavior:</p>
  
  <p><a href="https://youtu.be/tVyq7mImecQ" rel="noreferrer">https://youtu.be/tVyq7mImecQ</a></p>