React Native 获取屏幕尺寸

获取屏幕的尺寸需要使用Dimensions,直接从node_mules中引入即可。

    //引入
var Dimensions = require('Dimensions');
class Demo extends Component {
    render() {
        return ( 
                
                当前屏幕宽度:{Dimensions.get('window').width}
                当前屏幕高度:{Dimensions.get('window').height} 
                当前屏幕分辨率:{Dimensions.get('window').scale}    
               
     ); 
   }}
   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');

  当前屏幕宽度:{width}
  当前屏幕高度:{height}
  当前屏幕分辨率:{scale}

React Native 获取屏幕尺寸_第1张图片
Simulator Screen Shot 2016年9月9日 下午10.39.17.png

你可能感兴趣的:(React Native 获取屏幕尺寸)