React-Native跨平台多屏幕尺寸适配方案一览

前言

对于RN而言，跨平台已经是不二之选，那么对于不同平台的尺寸的适配又是一个亘古的难题，下面说一下我再项目中的一点实践心得，大神勿喷。

方法

PixelRatio get

static静态方法，进行返回屏幕的像素密度。一些例子如下:

PixelRatio.get()==1 mdpi Android设备(160 dpi)
PixelRatio.get()==1.5 hdpi Android设备(240 dpi)
PixelRatio.get()==2 iPhone4,4S,iPhone 5,5C,5S,iPhone 6,xhdpi Android设备(320 dpi)
PixelRatio.get()==3 iPhone6 Plus,xxhdpi Android设备(480 dpi)
PixelRatio.get()==3.5 Nexus 6

Dimensions.get(‘window’).width;

同样也可以借助于Dimensions 的宽度进行适配。

import { StyleSheet, Dimensions, PixelRatio } from 'react-native';

const deviceWidth = Dimensions.get(