title: Parallax/ animated Header on react native with scrollView onScroll
body: <p>With this reference
  <a href="https://stackoverflow.com/questions/49001008/problems-with-parallax-header-in-react-native">Problems with parallax header in react native</a></p>
  
  <p>The only solution found is just an hack that hide you refreshcomponent because contentContainerStyle don't interact with the refreshcomponent.</p>
  
  <p>So, the only solution is to move the scrollview component, but moving it while you are scrolling is pretty laggy and staggering.
  Any solution?
  This is pretty common case, i mean..Facebook app and Twitter app have both this this type of home screen!</p>
  
  <p>and example animation is:
  <a href="https://i.stack.imgur.com/Zxsuy.gif" rel="nofollow noreferrer">animated header from play store app home</a></p>
  
  <p>added snack: 
  <a href="https://snack.expo.io/@bonobomagno/animation-header-special" rel="nofollow noreferrer">snack esample of header animation</a></p>
  
  <p>as you see, on Android, scrolling up and down start to stagger because the 2 animation (container and scroll) are concurrent: they don't mix, each one try to animate ..going mad.</p>