React Native 如何屏幕适配

// 创建文件 size.js
import { Dimensions } from 'react-native';

const deviceWidthDp = Dimensions.get('window').width;
const deviceHeightDp = Dimensions.get('window').height;
console.log('deviceWidthDp', deviceWidthDp, deviceHeightDp);

// 这里的uiWidthPx   uiHeightPx  是你的设计稿的宽高尺寸
let uiWidthPx = 375; 
let uiHeightPx = 750;
console.log('转化比率------', deviceWidthDp / uiWidthPx);

// 如果应用是横屏的用pTd
export const pTd = uiElePx => {
  return (uiElePx * deviceHeightDp) / uiHeightPx;
};

// 如果应用是竖屏的用pTx
export const pTx = uiElePx => {
  return (uiElePx * deviceWidthDp) / uiWidthPx;
};

// 使用
import { pTd } from './size';

export const styles = StyleSheet.create({
  submitText: {
    color: "#F54252",
    fontSize: pTd(16)
  },
  cancleText: {
    color: "#343434",
    fontSize: pTd(16)
  },
  viewLine: {
    height: pTd(1),
    width: "100%",
    backgroundColor: "#FFF4F4F4"
  },
  viewLine2: {
    width: pTd(1),
    height: "100%",
    backgroundColor: "#FFF4F4F4"
  }
});