文章目錄
  1. 1. Dimensions
  2. 2. PixelRatio

在React Native中,组件的宽度,高度都是不用写单位的,宽高的数值的单位默认是 dp

Dimensions

react-native使用Dimensions来获取设备屏幕的宽和高,使用之前首先引入该模块

import {Dimensions} from 'react-native';

然后就可以使用它

var {height, width} = Dimensions.get('window');

获取的值的单位都是dp
初始的尺寸信息应该在runApplication之后被执行,所以它可以在任何其他的require被执行之前就可用。不过在稍后可能还会更新。

注意:尽管尺寸信息立即就可用,但它可能会在将来被修改(譬如设备的方向改变),所以基于这些常量的渲染逻辑和样式应当每次render之后都调用此函数,而不是将对应的值保存下来。(举例来说,你可能需要使用内联的样式而不是在StyleSheet中保存相应的尺寸)。

PixelRatio

PixelRatio类提供了访问设备的像素密度的方法,使用之前首先引入该模块

import {PixelRatio} from 'react-native';

方法

PixelRatio.get() 返回设备的像素密度

RN中设置一条线的最小高度 不应该用 height:1,而应该使用 1/PixelRatio.get()

static getPixelSizeForLayoutSize(layoutSize: number)

将一个布局尺寸(dp)转换为像素尺寸(px)。

一定会返回一个整数数值。

文章目錄
  1. 1. Dimensions
  2. 2. PixelRatio