uniapp编写H5界面放入IOS全面屏原生导航栏盖住H5界面

作者在使用H5为公司项目编写界面时遇到适配问题,特别是在iOS全面屏设备上,顶部被原生导航栏覆盖。通过调整webview设置解决了这一问题,涉及WKWebView的frame参数调整。

今天一大早被公司的IOS喷一脸,前段时间看他们安卓和IOS比较忙,界面比较多,然后我就零时抽出来帮他们用H5编写一些简单的界面,今天早上开始对接,刚开始我就考虑适配的问题,所以之前写了几个界面测试过,但是使用的苹果6的手机,非全面屏,但是今天用自己的苹果X调试的时候,就出现问题了!
在这里插入图片描述
这里顶部就被IOS原生的导航栏给覆盖了一个状态栏的高度!
在这里插入图片描述
然后IOS我社会楠哥就开始喷我,哈哈,说然我调试配,我去!想想还是教他做事,让他修改一下webview的设置!
这是我找他要来的代码,大致就这意思!

- (WKWebView *)webView {
    if (!_webView) {
        _webView = [[WKWebView alloc]initWithFrame:CGRectMake(0, wNavigationBar_H, wWidth, wHeight - wNavigationBar_H) configuration:[self webConfig]];
        [self.view addSubview:_webView];
    }
    return _webView;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员劝退师-TAO

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值