title: Place top right corner react native
body: <p>The parent <code>component</code> has the following style</p>
  
  <pre><code>const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#FFF',
      alignItems: 'center',
      justifyContent: 'center',
    },
  });
  </code></pre>
  
  <p>I am placing another <code>component</code> within this component. I want it in the top-right corner. </p>
  
  <p>Naturally, I would go with the following style in this child <code>component</code>:</p>
  
  <pre><code>const styles = StyleSheet.create({
    container: {
      ...StyleSheet.absoluteFillObject,
      top: 20,
      right: 5,
    },
  });
  </code></pre>
  
  <p>However, it places it in the top <strong>left</strong> corner. The only way I can move it into the right corner is replacing <code>right: 5</code> with <code>left: 500</code>. But thats kind of not the way to go...</p>