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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的React相关文章