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