title: flex vs flexGrow vs flexShrink vs flexBasis in React Native?
body: <p>I finally upgraded react native to 0.42 which includes the introduction of <code>flexGrow</code>, <code>flexShrink</code>, and  <code>flexBasis</code> and the change (or fix) of how <code>flex</code> is rendered.</p>
  
  <p>I keep getting errors like:</p>
  
  <blockquote>
    <p>View was rendered with explicitly set width/height but with a 0 flexBasis. (This might be fixed by changing flex: to flexGrow:) View: </p>
  </blockquote>
  
  <p>Can someone explain the difference between <code>flex: 1</code> vs <code>flexGrow: 1</code>.  If I apply one or the other to a View it seems to do different things but shouldn't it do the same?</p>