react native PixelRatio获取像素密度

来源:互联网 发布:电动伸缩大门的数据 编辑:程序博客网 时间:2024/05/29 17:12

UI一般给出的设计稿单位都是px,那我们RN中的单位是dp,那么我们就需要将px转换为dp,这就需要使用像素密度了。

px = dp / PixelRatio.get() .


{PixelRatio.get()}; //当前的屏幕像素密度比例为
PixelRatio.get() === 1      mdpi Android 设备 (160 dpi)
PixelRatio.get() === 1.5   hdpi Android 设备 (240 dpi)
PixelRatio.get() === 2     iPhone 4, 4S    iPhone 5, 5c, 5s     iPhone 6      xhdpi Android 设备 (320 dpi)
PixelRatio.get() === 3     iPhone 6 plus   xxhdpi Android 设备 (480 dpi)
PixelRatio.get() === 3.5   Nexus 6


0 0
原创粉丝点击