React Native 常见设备的屏幕缩放比例


import {
     Dimensions,
     PixelRatio
} from 'react-native';

export default  {
    'ScreenWidth':Dimensions.get('window').width,// 屏幕宽度
    'ScreenHeight':Dimensions.get('window').height, // 屏幕高度
    'PixelRatio':PixelRatio.get(), // 屏幕缩放比例
    'ResolutionX':Dimensions.get('window').width* PixelRatio.get(), // X分辨率
    'ResolutionY':Dimensions.get('window').height* PixelRatio.get() // Y分辨率
} 

import  ETTDevice from './res/values/ETTDevice';
render() {
    return(
        <View style={rootStyles.container}>
            <Text style={rootStyles.textPromptStyle}>
                入口文件:{ETTDevice.ScreenWidth}

            </Text>
            <Text style={rootStyles.bigTextPrompt}
                  onPress={() => this.userConfirmed()}
            >
                确 定
            </Text>
        </View>
    );

}



发布了255 篇原创文章 · 获赞 39 · 访问量 35万+

猜你喜欢

转载自blog.csdn.net/kangguang/article/details/79753634