资讯详情

reactNative进行屏幕适配

import { 
       Dimensions} from 'react-native';  const uiWidthPx = 375; // 设计稿宽 const uiHeightPx = 667; // 设计稿高 const deviceWidthDp = Dimensions.get('screen').width; // 当前设备的宽度 const deviceHeightDp = Dimensions.get('screen').height; // 目前设备高  /** * @description: 竖屏下 * @param {number} uiElePx 设计草案中对应的像素大小 * @return {number} number 返回适应后的尺寸 */ export const pTx = (uiElePx: number): number => { 
          return (deviceWidthDp / uiWidthPx) * uiElePx; };  /** * @description: 横屏下 * @param {number} uiElePx 设计草案中对应的像素大小 * @return {number} number 返回适应后的尺寸 */ export const pTd = (uiElePx: number): number => { 
          return (deviceHeightDp / uiHeightPx) * uiElePx; }; 

标签: 表面型电容平屏

锐单商城拥有海量元器件数据手册IC替代型号,打造 电子元器件IC百科大全!

 锐单商城 - 一站式电子元器件采购平台  

 深圳锐单电子有限公司