原生导航条不支持修改文字颜色,也无法重置返回按钮,因此需要自定义,效果如下
首先需要告诉小程序我不需要用你的导航条了,对应的代码即
开启custom后,手机顶部状态栏区域会被页面内容覆盖,因此我们需要获取状态栏的高度
然后为状态栏预留出位置
接着就是定义我们自己的导航栏,html如下
至此,其实自定义状态栏也就完成了,但是如果你的页面跟我一样需要做上拉加载,那么还是会有问题,当你滑动的过程中会发现导航栏直接滚出了屏幕,因此我们需要在主页面包上一层scroll-view,这样就没问题了
原生导航条不支持修改文字颜色,也无法重置返回按钮,因此需要自定义,效果如下
首先需要告诉小程序我不需要用你的导航条了,对应的代码即
开启custom后,手机顶部状态栏区域会被页面内容覆盖,因此我们需要获取状态栏的高度
然后为状态栏预留出位置
接着就是定义我们自己的导航栏,html如下
至此,其实自定义状态栏也就完成了,但是如果你的页面跟我一样需要做上拉加载,那么还是会有问题,当你滑动的过程中会发现导航栏直接滚出了屏幕,因此我们需要在主页面包上一层scroll-view,这样就没问题了
本文标题:uni-app自定义导航栏
本文链接:https://www.haomeiwen.com/subject/mdkqgktx.html
网友评论