2022-07-29 react-native 设置自适应屏幕宽度

注：本文来源 https://blog.csdn.net/weixin_39065287/article/details/123895097

定义一个工具：

import { Dimensions } from 'react-native';
// 获取竖屏模式的宽度
const deviceWidthDp = Dimensions.get('window').width;
// UI 默认给图是750
const uiWidthPx = 750;
//传入设计稿宽度
function FixWh(uiElementPx) {
    return uiElementPx * deviceWidthDp / uiWidthPx;
}
export default FixWh;

使用：

import FixWh from '../../utils/FixWh';

width: FixWh(100),
height: FixWh(200)