React Native 之 获取不同屏幕的像素密度

React Native的PixelRatio类提供了解决在不同屏幕密度设备上UI显示效果差异的问题。它包括获取设备像素密度、字体大小缩放因子和dp转px的方法,帮助开发者实现更精确的尺寸适配。
摘要由CSDN通过智能技术生成

使用React Native开发 User Interface,初步了解之后,产生一个疑问,使用flexbox开发页面,width及height属性等输入大小或者说尺寸的地方,不能输入单位,如 height:80,通过JSX传化之后到都是按 px 像素单位处理的,因此在这个不同分配率的手机和不同密度的手机显示的效果不同,如何解决这个问题?

你猜我找到了什么?

React Native 提供的像素比获取神器PixelRatio

PixelRatio类提供给我们几个重用的方法,整理如下:

1、返回设备的像素密度

static get()

等同于在Android开发中通过代码

context.getResources().getDisplayMetrics().density;

获取到的手机设备密度。

返回结果如下图:(这是从官网上盗的图,^_^)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值