美文网首页
用H5适配导航

用H5适配导航

作者: xiaoliang1 | 来源:发表于2021-10-14 10:10 被阅读0次

    由于项目需求,我暴露了一个WKWebView给H5同事,让他们自定义界面,我们给的是全面屏。我这边隐藏了系统的导航navgationBar.他们需要自己用H5写导航。结果状态栏是透明的。如下:


    WX20211014-095806@2x.png

    经过沟通,H5说让我把状态那块设置成白色。网页部分不要到状态栏那块。因为和之前的公司的H5同事合作过,他就不需要我解决这样的问题。可惜我们H5同事非得我弄成这样。相对于通用性,下次我根据URL设置不同颜色,实在有点不尽人意,最后我自己来用css样式解决吧。效果如下:


    WX20211014-100158@2x.png

    相关解决方案如下:

    WX20211014-100348@2x.png WX20211014-100450@2x.png WX20211014-101241@2x.png

    完美解决。
    而且有和系统一样的跳转新controller 的动画。
    我突然觉得H5也可以做的非常精美,媲美原生。

    相关文章

      网友评论

          本文标题:用H5适配导航

          本文链接:https://www.haomeiwen.com/subject/uimyoltx.html