更新时间：2022-12-20 15:46:52贡献者收藏我的文档设置返回文档使用说明●通过页面跳转（my.navigateto）或者页面重定向（my.redirectto）所到达的页面，即使它是定义在 tabbar 配置中的页面，也不会显示底部的 tab 栏。●tabbar 的第一个页面必须是凯发k8官方网娱乐官方首页，即 app.json-pages 中配置的第一个小程序页面。●tabbar 的 icon 暂不支持 gif 动画。●小程序 tabbar、titlebar 多语言配置目前仅支持 zh-hans（简体中文）、zh-hant（繁体中文台湾）、zh-hk（繁体中文香港）、en（英文）四种语言。●在非 tabbar 页面跳转至 tabbar 页使用 my.relaunch 跳转；tabbar 页之间跳转使用 my.switchtab 跳转。●tabbar 最多支持配置五个导航页面。常见问题小程序tabbar页面如何透出消息提示可查看 。动态设置tabbar小程序提供了动态设置 tabbar 的 api：my.settabbarstyle。可以根据场景需要动态设置 tabbar 整体样式，动态设置 item 可使用 my.settabbaritem。tabbar的图标推荐大小tabbar的图标 icon 和 activeicon 推荐大小为 60*60px 大小，系统会对任意传入的图片非等比拉伸/缩放。tabbar是否支持设置字体大小支付宝小程序 tabbar 不支持设置字体大小。底bar的border颜色设置底部 bar 的 border 颜色目前不能设置，tabbar 没有 border 的属性进行设置。小程序tabbar和titlebar多语言配置：●语言统一放到根目录下的 locale 目录下。●每个语言一个目录，如 zh-hans（简体中文）、zh-hk （繁体中文香港）。●在每个语言目录下，通过添加 app.json 配置，配置该语言下的 titlebar 与 tabbar。注意：目前仅支持 zh-hans（简体中文）、zh-hant（繁体中文台湾）、zh-hk（繁体中文香港）、en（英文）四种语言。配置示例：tabbar的icon支持哪些图片格式设置tabbar上的 icon 只支持 png/jpeg/jpg/gif 图片格式，不支持 svg 格式；支持在线图片 url。tabbar切换时对应页面的onshow会不会触发tabbar页面切换时对应的页面会触发onshow函数。跳转页面后不显示tabbar通过页面跳转 my.navigateto 或者页面重定向 my.redirectto 所到达的页面，即使它是定义在 tabbar 配置中的页面，也不会显示底部的 tab 栏。另外，tabbar 的第一个页面必须是凯发k8官方网娱乐官方首页。配置tabbar右上角文本可以使用以下api：●my.settabbarbadge 对tabbar某一项右上角添加文本。●my.removetabbarbadge 对tabbar某一项右上角添加的文本进行移除。注意：基础库版本 1.11.0 开始支持为 tabbar 某一项的右上角添加文本。详情可查看 my.settabbarbadge， my.removetabbarbadge。如何监听tabbar点击事件？在小程序页面中用 即可监听 tabbar 点击事件。注意：基础库 或更高版本；支付宝客户端 10.1.32 或更高版本，若版本较低，建议采取 兼容处理。示例代码：tabbar页面不支持带参数跳转吗tabbar 页面目前不支持带参跳转，建议跳转传参使用缓存或者全局变量。蒙层能否遮住小程序导航栏和tabbar蒙层不能遮住小程序导航栏和 tabbar。蒙层实现可查看扩展组件 。小程序tabbar可以控制隐藏或显示吗小程序提供api：●隐藏tabbar：my.hidetabbary●显示tabbar：my.showtabbar如何动态设置tabbar某一项的内容小程序提供了动态设置tabbar某一项的内容的api：my.settabbaritem；可以根据场景需要动态设置 tabbar 某一项的内容。说明：图片路径，建议尺寸为 81px * 81px，支持网络图片。在showloading情况下，是否会禁止tab切换●在 my.showloading 情况下，显示 loading 后，会覆盖整个 h5 页面，页面元素不能交互。●在 my.showloading 情况下，不会禁止 tab 切换，可以正常切换 tabbar。普通关联二维码扫码进入小程序后底部tabbar导航栏不显示是普通关联二维码的配置的路径 /pages/index/index 有误导致，应改为 pages/index/index，需去掉最前面的/。使用my.navigateto或者my.redirectto跳转的页面为什么不显示底部的tab栏通过页面跳转 my.navigateto 或者页面重定向 my.redirectto 所到达的页面，即使它是定义在 tabbar 配置中的页面，也不会显示底部的 tab 栏。若要跳转到 tab 页面，请使用 my.switchtab 方法。切换tabbar时报错cannot read property 'getcurrentpages' of undefined如何处理tabbar 路径错误导致，请检查 tabbar 路径。
