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