获取屏幕的尺寸需要使用Dimensions,直接从node_mules中引入即可。
//引入
var Dimensions = require('Dimensions');
class Demo extends Component {
render() {
return (
<View style={styles.outViewStyle}>
<Text>当前屏幕宽度:{Dimensions.get('window').width}</Text>
<Text>当前屏幕高度:{Dimensions.get('window').height}</Text>
<Text>当前屏幕分辨率:{Dimensions.get('window').scale}</Text>
</View>
);
}}
const styles = StyleSheet.create({
outViewStyle:{
justifyContent:'center',
alignItems:'center',
flex:1,
backgroundColor:'orange
![Uploading Simulator Screen Shot 2016年9月9日 下午10.39.17_966363.png . . .]
'
}});
也可以写作:
var {height, width, scale} = Dimensions.get('window');
<View style={styles3.outViewStyle}>
<Text>当前屏幕宽度:{width}</Text>
<Text>当前屏幕高度:{height}</Text>
<Text>当前屏幕分辨率:{scale}</Text>
</View>