美文网首页ReactNative
React-Native单位转换px转dp

React-Native单位转换px转dp

作者: 无穷369 | 来源:发表于2021-01-10 17:13 被阅读0次

    计算公式

    手机中元素的宽度 = 手机屏幕宽度 * 元素宽度 / 设计稿宽度

    工具类 utils.js 代码片段

    import { Dimensions } from 'react-native';
    
    // 屏幕宽度
    export const screenWidth = Dimensions.get('window').width;
    
    // 屏幕高度
    export const screenHeight = Dimensions.get('window').height;
    
    // px转dp
    export const pxToDp = (elePx) => screenWidth * elePx / 375;
    

    相关文章

      网友评论

        本文标题:React-Native单位转换px转dp

        本文链接:https://www.haomeiwen.com/subject/uixlaktx.html