title: Keyboard white flickering with React Native
body: <p>When showing and hiding the keyboard in my React Native app there is a white flickering where the keyboard goes, see this:</p>
  
  <p><a href="https://photos.app.goo.gl/Bwmin9T1R4OAO9tB3" rel="nofollow noreferrer">https://photos.app.goo.gl/Bwmin9T1R4OAO9tB3</a></p>
  
  <p>I'm making my first app using React Native, so I'm not sure if this is "expected" behaviour (if this is just the way things look with React Native) or if there is anything I can do to fix it.</p>
  
  <ul>
  <li>Everything starting from the animated icon down to the USD field is
  wrapped in a <code>&lt;KeyboardAvoidingView behavior="padding"&gt;</code> (I tried
  removing it and still see the flickering).</li>
  <li>I use <code>Keyboard</code> from "react-native" to listen to "keyboardDidShow" and "keyboardDidHide", and use <code>Animated</code> from "react-native" to perform the animation on the icon.</li>
  </ul>