webview 无法调用uni_uniapp中webview全屏不显示导航栏解决方案

本文介绍如何解决在uni_app中webview无法调用并隐藏导航栏的问题。通过获取系统信息动态设置webview的高度,实现webview全屏显示,并在页面加载完成后调整webview样式,使其在屏幕中正确布局。
摘要由CSDN通过智能技术生成

:background="navbg" :border-bottom="false" :title-width="650">

import color from '../../common/configs/Color.js';

import app_string from '../../common/configs/AppString.js'

export default {

data() {

return {

pdfUrl: '',

title: "主坝",

navbg: {

backgroundColor: color.themeColor

},

};

},

onLoad(options) {

this.title = options.title

this.pdfUrl = `/hybrid/html/web/viewer.html?file=${options.path}`;

},

onReady() {

var that = this;

var height = 0; //定义动态的高度变量,如高度为定值,可以直接写

var statusBarHeight = 0;

uni.getSystemInfo({

//成功获取的回调函数,返回值为系统信息

success: (sysinfo) => {

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值