小程序自定义导航栏指南

在这里插入图片描述
通过配置 “navigationStyle”: “custom” 可以实现自定义导航栏

小程序导航栏分为状态栏和标题栏两部分

状态栏可以通过 wx.getSystemInfoSync().statusBarHeight 获取

标题栏 iOS高度44px,Android高度48px

右侧胶囊高度约31px,宽度约87px,在标题栏内上下居中显示

分享进来的页面,通常需要一个返回小程序首页的按钮,但是小程序系统的按钮在点击右上角三个点弹出的操作列表中,隐藏太深。现在可以通过自定义导航栏,在标题左侧放置一个返回首页的图标按钮。

在这里插入图片描述