title: React Native absolute positioning horizontal centre
body: <p>It seems that with <code>position:absolute</code> in use an element cannot be centred using <code>justifyContent</code> or <code>alignItems</code>. There's a workaround to use <code>marginLeft</code> but does not display the same for all devices even using dimensions to detect height and width of device.</p>
  
  
  
  <pre class="lang-js prettyprint-override"><code>  bottom: {
      position: 'absolute',
      justifyContent: 'center',
      alignItems: 'center',
      top: height*0.93,
      marginLeft: width*0.18,
    },
    bottomNav: {
      flexDirection: 'row',
    },
  </code></pre>