React-Native组件之Text内文字垂直居中方案

 style: {
height: 100,
textAlign: 'center',
textAlignVertical: 'center',
}

以上方法在Android上显示水平垂直居中, 但在IOS上只能水平居中, 方法是在IOS上添加lineHeight: 100, 如下

 style: {
height: 100,
textAlign: 'center',
textAlignVertical: 'center',
...Platform.select({
ios: { lineHeight: 100},
android: {}
})
}

别忘了在react-native模块中导入组件 StyleSheet和Platform

上一篇:git配合tortoiseGit的基础使用


下一篇:css实现固定高度及未知高度文字垂直居中的完美解决方案