React Native 获取屏幕尺寸

获取屏幕的尺寸需要使用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>

Simulator Screen Shot 2016年9月9日 下午10.39.17.png