美文网首页
[React-Native]RN模块学习-屏幕尺寸和适配

[React-Native]RN模块学习-屏幕尺寸和适配

作者: 美乃滋酱啊 | 来源:发表于2016-08-24 15:18 被阅读500次

PixelRatio.get()

获得屏幕的dpi(像素密度),其中:

  • PixelRatio.get() === 1
    mdpi Android devices (160 dpi)
  • PixelRatio.get() === 1.5
    hdpi Android devices (240 dpi)
  • PixelRatio.get() === 2
    iPhone 4, 4S
    iPhone 5, 5c, 5s
    iPhone 6
    xhdpi Android devices (320 dpi)
  • PixelRatio.get() === 3
    iPhone 6 plus
    xxhdpi Android devices (480 dpi)
  • PixelRatio.get() === 3.5
    Nexus 6

将dp转成px

getPixelSizeForLayoutSize(layoutSize:number) 

static 静态方法, 进行把dp转换成像素px,该会返回一个整形的数值

相关文章

  • [React-Native]RN模块学习-屏幕尺寸和适配

    PixelRatio.get() 获得屏幕的dpi(像素密度),其中: PixelRatio.get() === ...

  • Android屏幕适配

    屏幕适配相关概念主流适配方案 一、屏幕适配相关概念 1、屏幕尺寸单位:英寸表示:手机对角线的物理尺寸 2、屏幕分辨...

  • iOS屏幕尺寸适配

    屏幕适配方法 针对不同屏幕尺寸的适配,主要有3种方式:1.不同屏幕尺寸下,元素的尺寸是固定的;2.不同屏幕尺寸下,...

  • 浅谈autolayout自动布局

    屏幕适配 针对不同大小的屏幕尺寸进行适配 iPhone各型号和系列的尺寸不相同3.5inch、4.0inch、4....

  • Android屏幕适配

    Android屏幕适配 概述 屏幕适配的主要目标有两个,不同屏幕尺寸的适配和不同像素密度的适配。随着手机行业发展异...

  • 知识点梳理7 必备必会

    屏幕适配 android 适配笔记 屏幕尺寸含义:手机对角线的物理尺寸单位:英寸(inch),1英寸=2.54cm...

  • Android屏幕适配-基础篇

    Android屏幕适配-基础篇Android屏幕适配-应用篇 重要概念 什么是屏幕尺寸、屏幕分辨率(px)、屏幕像...

  • 屏幕适配的总结笔记

    一、屏幕适配-autoresizing简单使用 1、为什么要屏幕适配? > iphone手机屏幕尺寸呈现多样化。 ...

  • 屏幕适配尺寸

    Android项目中不同的dpi对应不同的文件夹,有ldpi,mdpi,hdpi,xhdpi,xxhdpi,xxx...

  • 面试之屏幕适配

    一,屏幕尺寸适配 1.1布局匹配 布局元素自适应屏幕尺寸使用RelativeLayout,LinearLayout...

网友评论

      本文标题:[React-Native]RN模块学习-屏幕尺寸和适配

      本文链接:https://www.haomeiwen.com/subject/plhosttx.html