React Native 常見裝置的螢幕縮放比例
阿新 • • 發佈：2019-01-31
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>
);
}