title: React native animated flatlist within tab and head view
body: <p>I gonna implement below component by using react native.
  <a href="https://i.stack.imgur.com/AE309.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AE309.png" alt="enter image description here"></a></p>
  
  <p>in this page, we have header view and tab menu and, each tab include flatlist.
  When scroll down flatlist in tab, header view is hidden as animated.
  <a href="https://i.stack.imgur.com/KKkXZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KKkXZ.png" alt="enter image description here"></a></p>
  
  <p>we have to keep tab bar .
  I have been implemented one header view + one animatedflast list compoent action.
  But, my required result is tab-flatlist.
  Is there solution for it?</p>