react native获取屏幕的宽高及分辨率

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',
	}
});

本文同步分享在 博客“zoepriselife316”（CSDN）。
若有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一块儿分享。