加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React Native 单位详细说明

发布时间:2020-12-15 08:18:32 所属栏目:百科 来源:网络整理
导读:之前在 ReactNative笔记(二) 中总结了一点, RN长宽单位默认对应DP:所谓与密度无关就是密度变化不引起物理尺寸的变化,这一点DP与RN官方说的一致. 现在想想,也就是说1DP在物理尺寸上不管屏幕的分辨率怎么变化, 它的物理尺寸是固定不变的是核心 脑海里想
之前在

ReactNative笔记(二)

中总结了一点,

RN长宽单位默认对应DP:所谓与密度无关就是密度变化不引起物理尺寸的变化,这一点DP与RN官方说的一致.


现在想想,也就是说1DP在物理尺寸上不管屏幕的分辨率怎么变化,
它的物理尺寸是固定不变的是核心


脑海里想象我的电脑是一个手机屏幕,我把分辨率调高了,也就是屏幕密度变大了,物理尺寸没有变,那么一个像素代表的物理尺寸也就小了,1DP要保持它的物理尺寸不变化,那么就要转化成更多的像素点

在React Native 中 PixelRatio.get() 是获取屏幕密度的.


80 dpi 上 PixelRatio.get()=0.5 1dp=0.5px

160 dpi 上 PixelRatio.get()=1 1dp=1px


320dpi 上PixelRatio.get()=2 1dp=2px


从上面的规律分析得出 react native 中 1px=1dp/屏幕密度 而屏幕密度=PixelRatio.get()

所以 1px=1dp/PixelRatio.get()

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读