[解決済み] React Nativeの絶対位置決め水平中心

質問

どうやら position:absolute を使用すると、要素を中央揃えにすることができません。 justifyContent または alignItems . を使用する回避策があります。 marginLeft を使用することで回避できますが、デバイスの高さと幅を検出するdimensionsを使用しても、すべてのデバイスで同じように表示されるわけではありません。

  bottom: {
    position: 'absolute',
    justifyContent: 'center',
    alignItems: 'center',
    top: height*0.93,
    marginLeft: width*0.18,
  },
  bottomNav: {
    flexDirection: 'row',
  },

どのように解決するのですか？

中央に配置したい子をViewで囲み、そのViewを絶対化します。

<View style={{position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, justifyContent: 'center', alignItems: 'center'}}>
  <Text>Centered text</Text>
</View>