React-Native中屏幕的适配问题

React-Native中屏幕的适配问题

接触React-Native快一个多月了，从了解语法到尝试着在项目中写了几个页面，因为项目需要能适应所有的屏幕尺寸，这时候问题就出现了，当你在测试机中调试完成后，安装在小屏幕尺寸的手机上会发现排版出现了问题；刚开始我只是通过调整各个组件的width和fontSize，通过调整找到一个合适的值，但是看着总是有点别扭，在小屏幕上太拥挤，在大屏幕上有点稀疏，对于有点强迫症的我来说，有点接受不了；不过在我寻求了好久之后问题还是解决了。好了，废话不多说，看看解决方案吧！

---

Dimension

这个API主要是给用户提供关于设备屏幕的一些参数信息，通过这些参数即可做相应的调整(本文采用ES6语法实现)

1.引入API

import {
    View,
    Text,
    StyleSheet,
    Dimensions,
    Image,
} from 'react-native';

引入很简单，只是在import react-native时添加组件即可

2.获取屏幕信息

const