乍见小程序tabBar跳转页面，总以为它携着tabBar而来。殊不知，它也能隐身，让页面独享舞台。
在小程序开发中，tabBar跳转页面时出现的tabBar，有时会喧宾夺主，遮挡页面内容，影响用户体验。那么，如何让它隐身呢？
开启tabBar的隐藏之旅
打开你的小程序工程，在 app.js 文件中找到 tabBar 配置项。在这里，你可以设置隐藏tabBar的时机，是所有页面还是特定页面。
tabBar: {
hideOnNavigate: true // 所有页面跳转时隐藏tabBar
// 或
hideOnNavigate: { // 特定页面跳转时隐藏tabBar
pages: ['pageA', 'pageB'],
}
},
动动手，切换隐藏模式
设置好隐藏规则后，需要在需要隐藏tabBar的页面中添加一个 tabBar.mode 的值。可选值有 normal 和 hide，顾名思义，hide 就是隐藏模式。
Page({
tabBar: {
mode: 'hide' // 隐藏tabBar
},
// ...
});
自定义隐藏动画（可选）
如果你希望tabBar隐藏时拥有自定义动画，可以在 app.js 文件中设置 tabBarAnimated 属性。
tabBar: {
hideOnNavigate: true,
animated: true // 开启tabBar隐藏动画
},
随后，在 tabBar.customStyle 中定义隐藏动画的样式，比如淡出效果。
tabBar: {
customStyle: {
animation: 'fade-out', // 淡出动画
}
},
添加自定义动画样式（可选）
.fade-out {
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
opacity: 1;
}
.fade-out.tabBarHide {
opacity: 0;
}
见证隐藏的魅力
现在，当你在tabBar跳转页面时，指定页面中的tabBar将悄然隐去，留给页面更多的展示空间，提升用户的沉浸感。
温馨提示
设置 hideOnNavigate 属性后，建议在每个需要隐藏tabBar的页面都设置 tabBar.mode 为 hide。
使用 tabBarAnimated 和 tabBar.customStyle 来自定义隐藏动画时，请确保定义了相应的 CSS 样式。
请根据业务需求谨慎使用 tabBar.hideOnNavigate 和 tabBar.animated 属性，避免影响用户体验。