title: Is there any way to put the images on the left of the screen centered with the text on React Native?
body: <p>Hey guys I have a question about React Native.  I want the top cube image to be next to the text that says "OLL 1" and the bottom cube to be next to the text that says "OLL 2".  My views look like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;View style={styles.images}&gt;
    &lt;Image source={require('./rubiks-cube.png')} style={styles.image}&gt;&lt;/Image&gt;
    &lt;Image source={require('./OLL.jpg')} style={styles.image}&gt;&lt;/Image&gt;
  &lt;/View&gt;
  &lt;View style={styles.algorithms}&gt;
    &lt;Text style={styles.algorithmstext}&gt;OLL 1&lt;/Text&gt;
    &lt;Text style={styles.algorithmstext}&gt;OLL 2&lt;/Text&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>and my style sheet looks like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>algorithms: {
    flex: 1,
    flexDirection: 'column',
  },
  algorithmstext: {
    fontSize: 40,
    padding: 20,
  },
  images: {
    flex: 1,
    flexDirection: 'column',
    alignItems: 'flex-end',
    position: 'absolute',
  },
  image: {
    height: 100,
    width: 100,
  },
  </code></pre>
  
  <p>but the app looks like this.  Is there any way to put the images on the left of the screen?  I need to keep the position absolute so that the images don't push the text down, but if I put the position: 'absolute', on the "image" style then the images stay on top of each other and you can only see one of the images.  Does anyone know how I could fix this?</p>
  
  <p><a href="https://i.stack.imgur.com/iwi61.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iwi61.png" alt="App Screenshot"></a></p>