1. 首页
  2. 编程语言
  3. Javascript
  4. 详解React Native 屏幕适配(炒鸡简单的方法)

详解React Native 屏幕适配(炒鸡简单的方法)

上传者: 2021-11-18 14:23:57上传 PDF文件 49.87 KB 热度 16次

React Native 可以开发 ios 和 android 的 app,在开发过程中,势必会遇上屏幕适配的问题,下面介绍一种几行代码搞定 RN 适配的方法!RN 中的尺寸单位为 dp,而设计稿中的单位为 px虽然单位不同,但是元素所占屏幕宽度的比例是相同的公式如下:设计稿元素宽度 / 设计稿总宽度 = 元素的宽度 / 屏幕的总宽度我们要求的就是 元素的宽度可以得出:元素的宽度 = 设计稿元素宽度* 屏幕的总宽度 / 设计稿总宽度每次给元素设置尺寸样式时,使用 pTd() 函数即可。

用户评论