react-native dpi转换

在RN文档中提供了默认了一部分用来获取屏幕dpi密度比

PixelRatio

再一次封装安卓原生canvas的过程中,由于pad dpi原因导致canvas总是无法充满组件。

尝试使用该api发现,返回的总是1,并没有卵用,在翻阅rn文档时发现了一个相当有用的常量。

此常量存在与StyleSheet中,十分隐蔽

StyleSheet.hairlineWidth

在使用中如下

width={this.props.width / StyleSheet.hairlineWidth}

这个常量的描述如下:

这一常量始终是一个整数的像素值(线看起来会像头发丝一样细),并会尽量符合当前平台最细的线的标准。可以用作边框或是两个元素间的分隔线。然而,你不能把它“视为一个常量”,因为不同的平台和不同的屏幕像素密度会导致不同的结果。
如果模拟器缩放过,可能会看不到这么细的线。

这个常量不用来做适配太可惜了。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值