position - React Native绝对定位水平居中

Question

似乎使用 position:absolute 时，元素无法使用 justifyContent 或 alignItems 居中。有一种解决方法可以使用 marginLeft，但即使使用尺寸来检测设备的高度和宽度，也不会在所有设备上显示相同的内容。

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

Answer 1

将您想要在 View 中居中的子项包裹起来，并使 View 成为绝对 View 。

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