uniapp,web-view在app上预留顶部安全位置，距离头部位置

原创于 2023-09-11 14:23:09 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #uni-app #javascript

文章介绍了如何在uni-app中使用JavaScript获取设备窗口高度和状态栏高度，以实现webview的高度动态调整，确保在iOS和Android平台上的适配。

		// #ifdef APP-PLUS
			var height = 0;
			uni.getSystemInfo({
				success: (sysinfo) => {
					height = sysinfo.windowHeight;
				},
				complete: () => {}
			});
			var currentWebview = this.$scope.$getAppWebview();
			setTimeout(function() {
				this.barHeight = plus.navigator.getStatusbarHeight();
				var wv = currentWebview.children()[0];
				wv.setStyle({
					top: this.barHeight,
					height: height - this.barHeight,
					scalable: true,
				})
			}, 500);
			// #endif