title: react native how to animate scroll position and element height together
body: <p>I am using a react native list which will expand the list elements to full height.</p>
  
  <p>Assuming list offset is 'o' and viewport height is 'H' and element pos is 'py' and element height 'h'.</p>
  
  <p>This involves two steps:</p>
  
  <ol>
  <li>Scroll the list view to desired offset: o -> o + py</li>
  <li>Resize the element height:  h -> H</li>
  </ol>
  
  <p>I want to be able to animate these two properties simultaneously but without flicker.</p>
  
  <p>The current approach which I am using is</p>
  
  <pre><code>lisview.scrollTo({y: o + py}, {animated: true})
  var mh = new Animated.Value(h);
  this.setState({height: mh});
  Animated.timing(mh, {toValue: H}).start();
  </code></pre>
  
  <p>But the animation is not smooth. I would like to know the best way to animate the scroll and height at the same time. Thanks in advance!!</p>