React Native absolute positioning horizontal centre
<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>