最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
React Native如何获取不同屏幕的像素密度
时间：2017-01-09 编辑：简简单单 来源：一聚教程网
React Native 获取不同屏幕的像素密度
使用React Native开发 User Interface，初步了解之后，产生一个疑问，使用flexbox开发页面，width及height属性等输入大小或者说尺寸的地方，不能输入单位，如 height:80,通过JSX传化之后到都是按 px 像素单位处理的，因此在这个不同分配率的手机和不同密度的手机显示的效果不同，如何解决这个问题？
你猜我找到了什么？
React Native提供的像素比获取神器PixelRatio
PixelRatio类提供给我们几个重用的方法，整理如下：
1、返回设备的像素密度
|
staticget()
|
等同于在Android开发中通过代码
|
context.getResources().getDisplayMetrics().density;
|
获取到的手机设备密度。
返回结果如下图：（这是从官网上盗的图，^_^）
举个栗子
|
borderwidth : 1/PixelRatio.get()
|
返回的就是当前设备的最小线宽。
2、 返回字体大小的缩放因子
|
staticgetFontScale()
|
获取到的比率是用来计算文字的绝对大小，所以对计算的精度要求很高的元素，应该使用这个比率。
例如用户在通过 Setting > Display > Font Size 设置设备的字体显示大小，这个值就会改变，默认的情况下返回设备的像素比。
3、 单位 dp 转换成 px
|
staticgetPixelSizeForLayoutSize(layoutSize:number)
|
在UI开发的过程中最长使用到的方法。
相关文章
- sora软件价格介绍 02-22
- sora官网入口地址一览 02-22
- Sora生成的视频使用教程 02-22
- 《梦幻西游》元宵灯谜线索答案大全2024 02-22
- 《原神》有朋自远方来第一天通关攻略 02-22
- 《苏醒之路》四个结局达成攻略 02-22