react-native Text上下居中一像素问题

秋刀鱼笛滋味

于 2019-11-14 14:36:40 发布

阅读量624

点赞数

CC 4.0 BY-SA版权

分类专栏：项目实战 react-native 文章标签： react-native

本文链接：https://blog.csdn.net/weixin_43206949/article/details/103066942

项目实战同时被 2 个专栏收录

34 篇文章

订阅专栏

react-native

7 篇文章

订阅专栏

本文探讨了在React Native中使用Text组件时遇到的垂直居中显示问题，特别是在某些Android设备上的表现不佳。通过hack解决方案，即在一个View组件中使用justifyContent和alignItems样式属性，实现了在各种设备上的一致性。此外，还提到了一像素问题及其与StyleSheet.hairlineWidth的关系。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1,Text 
 组件设置lineHight=hight,
  textAlignVertical:'center',一些安卓设备上还是不能上下居中
  hock:
   <View style={{ justifyContent: "center",alignItems: "center",}}>
     <Text>122</Text>
   </View>
 2,一像素问题，使用 StyleSheet.hairlineWidth