React Native 获取屏幕的宽高及分辨率
var Dimensions = require ('Dimensions') ; //首先引入,然后使用即可
export default class Rule extends Component {
constructor(props) {
super(props);
this.state = {
};
}
render() {
return (
<View style={styles.container}>
<View style={styles.title}>
<Text style={styles.titleText}>屏幕的宽是:{Dimensions.get('window').width}</Text>
<Text style={styles.titleText}>屏幕的高是:{Dimensions.get('window').height}</Text>
<Text style={styles.titleText}>屏幕的设备分辨率是:{Dimensions.get('window').scale}</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: 'white',
justifyContent: 'flex-start',
alignItems: 'flex-start',
},
divideLine: {
height:0.5,
width: Dimensions.get('window').width - 20,
borderWidth: 0.5,
borderColor: '#cccccc',
borderStyle: 'solid',
},
title: {
width: Dimensions.get('window').width,
marginLeft: 20,
marginTop: 10,
marginBottom: 5,
},
titleText: {
fontSize: 36 / 2,
color: '#999999',
fontFamily:'PingFangSC-Regular',
}
});