React-Native屏幕适配之ImageView的应用解析

前言

对于移动设备来讲，屏幕适配是必不可少的一个工作，但是对于Android和IOS两个平台，图片适配各不相同，那么在React Native中又是如何应用的呢？

Native适配方案

这里我们先说一下Android和IOS两大平台如何进行图片适配的。

1.Android

Android平台采用drawable文件夹区分不同分辨率的图片，android系统会自动区分当前手机的分辨率，并自动进行图片适配，同理也适用于各种布局layout文件。

2.IOS

IOS平台采用命名规则，即： @2x @3x的写法，系统同样会自动进行区分。

3.React Native

RN采用了IOS平台的适配方法，并且适用于Android平台。

RN适配方案测试

首先引入需要的图片，例如：

编写一个底部tab bar的切换， 并引入需要尺寸的图片：

render() {