
2.tabbar导航栏只能配置最少 2 个、最多 5 个 tab 页签。
3.步骤:
① 通过 app.json 文件的 pages 节点,新建 对应的 tab 页面
② tabBar 节点中,新增 list 数组,这个数组中存放的,是每个 tab 项的配置对象
③ 在 list 数组中,新增每一个 tab 项的配置对象。对象中包含的属性如下:
-pagePath 指定当前 tab 对应的页面路径【必填】
-text 指定当前 tab 上按钮的文字【必填】
-iconPath 指定当前 tab 未选中时候的图片路径【可选】
-selectedIconPath 指定当前 tab 被选中后高亮的图片路径【可选】
使用组件:<navigator url=" / ">1</navigator>
使用api:wx.navigateTo({url:" / "})
参照微信小程序官方文档, 自定义tabbar ,但该文档只是实现了自定义tabbar,没有实现不同角色不同的tabbar,且官方文档中的custom-bab-bar组件中的setData方法存在在真机上不能重新渲染的bug,可能是由于缓存造成的。
本项目仓库: customtabbar 。
主要是在tab的页面组件中调用getTabBar接口后再调用setData方法,从而实现了tabbar的重新渲染。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)