為了實(shí)現(xiàn)text文本居中,原本在android 上開發(fā)以下的css樣式是ok的
PaymentTimeStyle:{
height:36,
width:100,
fontSize:14,
textAlign:'center',
alignItems:'center',
justifyContent:'center',
textAlignVertical:'center',
}
但在ios上只有水平居中泛源,沒有垂直居中篙挽,上網(wǎng)查了一下冲秽,很多人是通過view嵌套text舍咖,但覺得這樣麻煩,而且當(dāng)View的層級(jí)越深渲染的速度也會(huì)越慢锉桑。所以建議還是用以下css屬性
lineHeight:36
但是測(cè)試時(shí)加上了在android上又顯示不正常排霉,無奈下為了不影響android,做了調(diào)整,最后的樣式代碼如下:
import {StyleSheet,Platform} from 'react-native';
PaymentTimeStyle:{
height:36,
width:100,
textAlign:'center',
alignItems:'center',
justifyContent:'center',
textAlignVertical:'center',
...Platform.select({
ios:{
lineHeight:36,
},
android:{
}
}),
}