React Native的常用的style设置

位置居中
alignItems: ‘center’, //水平居中
justifyContent: ‘center’ //垂直居中

文字居中
textAlignVertical: ‘center’,
textAlign: ‘center’,
textAlign: ‘right’,

文字粗体
fontWeight: ‘bold’,

间距设置
marginLeft: 10,
paddingLeft: 10,

圆角弧度
borderTopLeftRadius: 10,
borderTopRightRadius: 10,

View
<View style={{
width: Tools.screenWidth,
height: 94,
backgroundColor: Tools.getColor().main_blue,
position: ‘absolute’
}}/>

按钮
<View style={{flex:1,justifyContent: ‘center’,alignItems: ‘center’,}}>

<Text style={{fontSize: 17,color: Tools.getColor().white}}>取消

图片
<Image style={{width:img_width,height:img_width}} source={
require(’…/…/resources/images/icon_select.png’)
}/>

状态栏高度
StatusBar.currentHeight

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值