title: React Native : Subviews of KeyboardAvoidingView have lag / move at different speeds
body: <p>I would like them all the subviews to move in one clean motion, but if you look at the gif, you can see that the Text subview and the TextInput subview overlap and move at different speeds. It looks like the Text subview adjusts its position instantly where as the button and TextInput subviews adjust their position in more of an Ease in Ease out manner.</p>
  
  <p><a href="https://i.stack.imgur.com/rnUK7.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/rnUK7.gif" alt="enter image description here"></a></p>
  
  <p>Main exported component</p>
  
  <pre><code>class SearchScreen extends React.Component {
  
      state = {search:""}
  
      render(){
          getArguments = {
              search: this.state.search
          }
          return (
              &lt;KeyboardAvoidingView behavior="padding" style={styles.container}&gt;
                  &lt;Text style={styles.searchTitle}&gt;Search for a Movie in the OMDB Database&lt;/Text&gt;
                  &lt;TextInput style={styles.searchField} onChangeText={text =&gt; this.setState({search:text})} &gt;&lt;/TextInput&gt;
                  &lt;SearchButton navigation = {this.props.navigation} getArguments={getArguments}/&gt;
              &lt;/KeyboardAvoidingView&gt;
          )
      }
  
  }
  </code></pre>
  
  <p>Styling</p>
  
  <pre><code>const styles = StyleSheet.create({
      container: {
          flex:1,
          backgroundColor: '#C8FEFE',
          alignItems: 'center',
          justifyContent: 'center'
      },
      searchButton: {
        marginTop: 20,
        backgroundColor: '#24D9E8',
        borderRadius: 5,
        padding: 5
      },
      searchField: {
        backgroundColor: '#FFF',
        textAlign: 'center',
        width: 200,
        borderRadius: 5,
        margin: 20,
        height: 30
      },
      searchTitle:{
          fontWeight: 'bold',
          fontSize: 20,
          textAlign:'center'
      }
    });
  </code></pre>
  
  <hr>
  
  <p><strong>Github</strong></p>
  
  <p><a href="https://github.com/stackoverflowsam93/movieBrowser" rel="noreferrer">Full project on github</a></p>