【uniapp】自定义导航栏时,设置安全距离,适配不同机型+最顶部的状态栏修改字体颜色

【uniapp】自定义导航栏时,设置安全距离,适配不同机型+最顶部的状态栏修改字体颜色

码农世界 2024-05-27 前端 74 次浏览 0个评论

1、在pages.json中,给对应的页面设置自定义导航栏样式,navigationStyle设为custom(自定义)时,导航栏的字体颜色自动变成白色了,如果有需要就设为black

    {
      "path": "pages/index/index",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "black",//修改最顶部状态栏的字体颜色可选white/black
         "navigationBarTitleText": "首页",
      }
    },

2、定义自定义组件customNavbar,在组件中获取屏幕边界到安全区域的距离



转载请注明来自码农世界,本文标题:《【uniapp】自定义导航栏时,设置安全距离,适配不同机型+最顶部的状态栏修改字体颜色》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,74人围观)参与讨论

还没有评论,来说两句吧...

Top