title: React Native flexbox align
body: <p><a href="https://i.stack.imgur.com/qwCLa.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qwCLa.jpg" alt="enter image description here"></a>Im trying to get a very simple layout in react-native flexbox.</p>
  
  <p>Im just trying to have a scrollview of images.<br>
  Two side by side images per row with some padding.</p>
  
  <p>Like a grid of sorts but only two images per line. Nicely spaced.</p>
  
  <p>How would I achieve this in flex box.</p>
  
  <p>right now its just rendering the images all to the left.</p>
  
  <pre><code>   scrollView: {
  flex:0.5,
  flexDirection: 'column'
    },
   row: {
  flex:0.5,
  flexDirection: 'column',
  alignItems: 'center',
  justifyContent: 'flex-start'
   }
  </code></pre>
  
  <p>Im not too familiar with it, so I just put in what intuitively felt correct.  But its obviously not working at all.</p>