title: React-Native: Substitute for flex-basis
body: <p>The Flexbox layout has a property called <code>flex-basis</code>. According to <a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/" rel="nofollow noreferrer">CSS Tricks</a>:</p>
  
  <pre><code>This defines the default size of an element 
  before the remaining space is distributed. 
  It can be a length (e.g. 20%, 5rem, etc.) or a keyword.
  </code></pre>
  
  <p>React Native apparently does not support this property. How do I work around this in RN or more specifically, how can I achieve a layout like this: </p>
  
  <p><a href="https://i.stack.imgur.com/ItO7Z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ItO7Z.png" alt="1, 2, 3, 4 are elements of a list"></a></p>
  
  <p>In that picture, the "1", "2" etc are part of a list and should take roughly 50% of the available space so that 2 elements fit into one row with a bit of margin around them.</p>