title: react-native flatlist animate on item remove/slide up
body: <p>I want to animate removal of items on removal from FlatList.</p>
  <p>I have a custom card component as item in a FlatList. I am showing it vertically.</p>
  <p>now, I want to animate the removal of item. item can be removed from any place/index.</p>
  <p>Animation on removal is, item should hide and the items below should slide-up slowly. It should be smooth, I have done normal its not smooth. I am able to do the animation of opacity but the translateY is not working as required on card.</p>
  <p>using below animation for hiding the deleted card:</p>
  <pre><code>Animated.timing(this.animation, {
      toValue: 1,
      duration: 600,
      // easing: Easing.linear,
      delay: this.props.index * 1000,
  }).start();
  
  const animatedStyle = {
      opacity: this.animation,
      // transform: [
      //     {
      //         translateY: this.animation.interpolate({
      //             inputRange: [0, 1],
      //             outputRange: [0, 300],
      //         }),
      //     },
      // ],
  }
  </code></pre>
  <p>in card render()</p>
  <pre><code>&lt;Animated.View style={[animatedStyle]}&gt;
      ......
      // mycode
  &lt;/Animated.View&gt;
  </code></pre>
  <p>not able to control/animate the FlatList re-render/scroll/scroll-up behavior.</p>
  <p>Can someone help me?</p>