React Native屏幕适配工具

1,275 阅读1分钟

react-native-scale-size

React Native屏幕适配工具

适配前后对比

1_1533016729236_B57668D8-3232-457E-A95E-0C8C016050C2.png
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2018/8/20/16556b36590938d1~tplv-t2oaga2asx-image.image

Getting started

1.安装

$ npm i react-native-scale-size --save

2.导入

import {
  ScaleSize,
  ScaleText
} from 'react-native-scale-size';

Example

const styles = StyleSheet.create({
  content: {
    width: ScaleSize(100),
    fontSize: ScaleText(18)
  }
})

注意

ScaleText在Android设备下,会根据系统设置字体大小作调整,如不需要,可全面使用ScaleSize

如对您有帮助,请给个star