React Native 绝对定位水平居中

新手上路,请多包涵

似乎在使用 position:absolute 时,元素不能使用 justifyContentalignItems 。有一种解决方法可以使用 marginLeft 但即使使用尺寸来检测设备的高度和宽度,所有设备的显示也不相同。

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

原文由 Hasen 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 2.5k
1 个回答

将要居中的子项包裹在 View 中,并使 View 成为绝对视图。

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

原文由 Stephen Horvath 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
logo
Stack Overflow 翻译
子站问答
访问
宣传栏