前端之家收集整理的这篇文章主要介绍了
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>
);
}
原文链接:https://www.f2er.com/react/301739.html