React native: How to move Input from center to top with animation?
<p>I'm trying to make an Input, that will be moved from center to top when user start typing some text. How can I change <code>justifyContent: 'center'</code> for <code>justifyContent: 'flex-start'</code> with animation? Or maybe I should do it in another way?</p>
<p>My code:</p>
<pre><code>&lt;View style={styles.container}&gt;
  &lt;SearchInput
    onChangeText={this.handleInputChange}
  /&gt;
&lt;/View&gt;
</code></pre>
<p>and styles:</p>
<pre><code>const styles = {
  container: {
    flex: 1,
    alignItems: 'stretch',
    justifyContent: 'center',
    flexDirection: 'column'
  }
};
</code></pre>