ReactNative屏幕適配、獲取屏幕分辨率

獲取當前屏幕的寬度、高度、分辨率

導入信息一般都用require 關鍵字
格式:var XXXX = require('XXXX');

//首先要導入Dimensions包
var Diemnsions = require('Dimensions');


export default class App5 extends Component<{}> {
  render() {
    return (
      <View style={styles.container}>

         <Text >當前屏幕的寬:{Diemnsions.get('window').width} </Text>
         <Text>當前屏幕的高:{Diemnsions.get('window').height} </Text>
         <Text>當前屏幕的分辨率:{Diemnsions.get('window').scale} </Text>

      </View>
    );
  }
}

const styles = StyleSheet.create({
  container:{
    marginTop:20,
    marginLeft:20,
    marginRight:20,
    marginBottom:20,
    flex:1,
    backgroundColor:'red',
    justifyContent:'center',
    alignItems:'center',
  },
});
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章