uniap在app中获取导航栏高度和状态栏的高度

 获取手机的导航栏高度

uni.getSystemInfo({
	success: function(info) {
		// iOS下，导航栏高度为44，状态栏高度为20
		let statusBarHeight = info.platform === 'android' ? info.statusBarHeight : (info.statusBarHeight + 44);
		uni.setStorageSync('statusBarHeight', statusBarHeight)
	}
});

第一种获取状态栏的高度

uni.getSystemInfo({
    success: function (info) {
        let statusBarHeight = info.statusBarHeight;
        console.log('状态栏的高度是：' + statusBarHeight + 'px');
    }
});

第二种获取状态栏的高度 

let systemInfo = uni.getSystemInfoSync();
let statusBarHeight = systemInfo.statusBarHeight;
console.log('状态栏的高度是：' + statusBarHeight + 'px');

第三种获取状态栏的高度

let systemInfo = uni.getWindowInfo();
let statusBarHeight = systemInfo.statusBarHeight;
console.log('状态栏的高度是：' + statusBarHeight + 'px');

第四种直接拿app获取的css样式

width: 100vw;
/* #ifdef APP-PLUS */
height: calc(var(--status-bar-height));
/* #endif */
background: #4e6ef2;