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

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

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

你猜我找到了什么？

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

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

1、返回设备的像素密度

static get()

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

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

获取到的手机设备密度。

返回结果如下图：（这是从官网上盗的图，^_^）

举个栗子

borderwidth : 1/PixelRatio.get() 

返回的就是当前设备的最小线宽。

2、 返回字体大小的缩放因子

static getFontScale()

获取到的比率是用来计算文字的绝对大小，所以对计算的精度要求很高的元素，应该使用这个比率。

例如用户在通过 Setting > Display > Font Size 设置设备的字体显示大小，这个值就会改变，默认的情况下返回设备的像素比。

3、 单位 dp 转换成 px

static getPixelSizeForLayoutSize(layoutSize:number)

在UI开发的过程中最长使用到的方法。

结论

这个类的使用，以后再开发的过程中还会持续更新。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# React  # Native  # 获取不同屏幕的像素密度  # Native获取像素密度  # 像素密度的获取  # React-Native Android 与 IOS App使用一份代码实现方法  # IOS React Native FlexBox详解及实例  # Android React-Native通信数据模型分析  # ReactNative Alert详解及实例代码  # ReactNative (API)AsyncStorage存储详解及实例  # ReactNative-JS 调用原生方法实例代码  # React-Native TextInput组件详解及实例代码  # ReactNative页面跳转实例代码  # Android原生嵌入React Native详解  # React Native实现简单的登录功能(推荐)  # React Native搭建iOS开发环境  # PHP获取不了React Native Fecth参数的解决办法  # Windows下React Native的Android环境部署及布局示例  # 深入浅析react native es6语法  # 过程中  # 都是  # 这是  # 几个  # 就会  # 在这个  # 还会  # 给我们  # 很高  # 希望能  # 或者说  # 谢谢大家  # 我找  # 转换成  # 以对  # 使用这个  # 官网  # 解决这个问题  # 如下图  # 你猜 

相关文章： IOS倒计时设置UIButton标题title的抖动问题  如何通过智能用户系统一键生成高效建站方案？  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  高端建站如何打造兼具美学与转化的品牌官网？  如何选择服务器才能高效搭建专属网站？  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  威客平台建站流程解析：高效搭建教程与设计优化方案  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  高性能网站服务器部署指南：稳定运行与安全配置优化方案  如何在云指建站中生成FTP站点？  个人网站制作流程图片大全,个人网站如何注销？  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  网站制作企业,网站的banner和导航栏是指什么？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  寿县云建站：智能SEO优化与多行业模板快速上线指南  音乐网站服务器如何优化API响应速度？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  如何在阿里云服务器自主搭建网站？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  装修招标网站设计制作流程,装修招标流程？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  建站主机核心功能解析：服务器选择与网站搭建流程指南  西安专业网站制作公司有哪些,陕西省建行官方网站？  ,巨量百应是干嘛的？  建站之星×万网：智能建站系统+自助建站平台一键生成  如何通过VPS建站无需域名直接访问？  宝塔建站助手安装配置与建站模板使用全流程解析  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  北京网站制作网页,网站升级改版需要多久？  Android自定义listview布局实现上拉加载下拉刷新功能  如何正确选择百度移动适配建站域名？  建站之星免费版是否永久可用？  c# 服务器GC和工作站GC的区别和设置  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  C++用Dijkstra(迪杰斯特拉)算法求最短路径  建站主机系统SEO优化与智能配置核心关键词操作指南  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  详解jQuery停止动画——stop()方法的使用  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  网站代码制作软件有哪些,如何生成自己网站的代码？  如何生成腾讯云建站专用兑换码？  建站168自助建站系统：快速模板定制与SEO优化指南  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  如何高效生成建站之星成品网站源码？  建站之星展会模板：智能建站与自助搭建高效解决方案  桂林网站制作公司有哪些,桂林马拉松怎么报名？  香港服务器租用每月最低只需15元？  如何高效完成独享虚拟主机建站？