React-native学习-12-屏幕宽高和分辨率

//屏幕宽高和分辨率

import React, { useState, Component } from 'react';

import { View, Text, StyleSheet,  Dimensions  } from 'react-native';

 

class WidthDemo extends Component{

    render(){

      return(

        <View style={styles.container}>

          <Text>hello</Text>

          <Text>当前屏幕的宽度:{Dimensions.get('window').width}</Text>

          <Text>当前屏幕的高度:{Dimensions.get('window').height}</Text>

          <Text>当前屏幕的分辨率:{Dimensions.get('window').scale}</Text>

        </View>

      );

    }

};

 

const styles=StyleSheet.create({

    container:{

      flex:1,

      justifyContent:'center',

      alignItems:'center',

      backgroundColor:'green'

  }

  });

export default WidthDemo;