title: react native action button scrolling hide show Bottom Up animation
body: <p>I'll try to add animation in Action Button when the listview is scrolling button hides/ shows, but when button hide/show I'll try to make button up/down animation. like this...
  <a href="https://i.stack.imgur.com/SIrZJ.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SIrZJ.gif" alt="enter image description here"></a></p>
  
  <pre><code>import ActionButton from 'react-native-action-button';
  
  
  {this.state.isActionButtonVisible ? &lt;ActionButton /&gt; : null}
  </code></pre>
  
  <p>and my scrolling event </p>
  
  <pre><code>_onScroll = event =&gt; {
  // Simple fade-in / fade-out animation
  const CustomLayoutLinear = {
    duration: 200,
    create: {
      type: LayoutAnimation.Types.linear,
      property: LayoutAnimation.Properties.opacity,
    },
    update: {
      type: LayoutAnimation.Types.linear,
      property: LayoutAnimation.Properties.opacity,
    },
    delete: {
      type: LayoutAnimation.Types.linear,
      property: LayoutAnimation.Properties.opacity,
    },
  };
  // Check if the user is scrolling up or down by confronting the new scroll position with your own one
  const limit = this._listViewContentHeight - this._listViewHeight;
  const offset = event.nativeEvent.contentOffset.y;
  const currentOffset = offset &gt; limit ? limit : offset;
  
  const direction =
    currentOffset &gt; 0 &amp;&amp; currentOffset &gt;= this._listViewOffset
      ? 'down'
      : 'up';
  // If the user is scrolling down (and the action-button is still visible) hide it
  const isActionButtonVisible = direction === 'up';
  if (isActionButtonVisible !== this.state.isActionButtonVisible) {
    LayoutAnimation.configureNext(CustomLayoutLinear);
    this.setState({ isActionButtonVisible });
  }
  // Update your scroll position
  this._listViewOffset = currentOffset;
  </code></pre>
  
  <p>};</p>