加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 06:30:55 所属栏目:百科 来源:网络整理
导读:import { Dimensions,PixelRatio} from 'react-native';export default { 'ScreenWidth':Dimensions.get('window').width,// 屏幕宽度 'ScreenHeight':Dimensions.get('window').height,// 屏幕高度 'PixelRatio':PixelRatio.get(),// 屏幕缩放比例 'Resolut


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>
 );

}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读