title: Animated view height when keyboardDismissMode is interactive [react-native]
body: <p>I have a <code>View</code> and a keyboard is showing when I tap on an input, but when I drag down to hide the keyboard, the animation didn't trigger to resize the view.</p>
  
  <p>The View with the animated</p>
  
  <pre><code>&lt;Animated.View style={{ height: keyboardSpace }}&gt;
    &lt;ScrollView
      ref="addScrollView"
      keyboardShouldPersistTaps={ true }
      keyboardDismissMode="interactive"
    &gt;
      {...}
    &lt;/ScrollView&gt;
  &lt;/Animated.View&gt;
  </code></pre>
  
  <p>and the function to show and hide keyboard</p>
  
  <pre><code>  _keyboardWillShow(e) {
      const { keyboardSpace } = this.state;
      const newHeight = (height - HEADER_HEIGHT) - e.endCoordinates.height;
  
      Animated.timing(this.state.keyboardSpace, {
        easing: Easing.inOut(Easing.ease),
        duration: 250,
        toValue: newHeight
      }).start();
    },
  
    _keyboardWillHide() {
      const { keyboardSpace } = this.state;
  
      Animated.timing(keyboardSpace, {
        easing: Easing.inOut(Easing.ease),
        duration: 250,
        toValue: height - HEADER_HEIGHT
      }).start();
    },
  </code></pre>
  
  <p>Here is a little video to illustrate the problem here : <a href="https://vid.me/E3oU" rel="nofollow">https://vid.me/E3oU</a></p>
  
  <p>You can find the source code here : <a href="https://github.com/statiks/statiks-react-native/blob/master/sources/add/index.js" rel="nofollow">https://github.com/statiks/statiks-react-native/blob/master/sources/add/index.js</a></p>