微信小程序隐藏tabBar

## 原文地址

图片压缩

1、在app.json中的list内不能有非tabBar页面。简单说就是这个页面不要tabBar，那么tabBar也不要他了。

[{"pages":\["pages/index/index","pages/logs/logs","pages/reg/reg"\],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": "WeChat","navigationBarTextStyle":"black"},"tabBar": {"list": \[{"pagePath": "pages/index/index","text": "首页","iconPath": "images/home.gif","selectedIconPath": "images/home-HL.gif"}, {"pagePath": "pages/logs/logs","text": "日志","iconPath": "images/journal.gif","selectedIconPath": "images/journal-HL.gif"},// {//这些不能存在// "pagePath": "pages/reg/reg",// "text": "登录",// "iconPath": "images/logo.gif",// "selectedIconPath": "images/logo-HL.gif"//}\]}
}](http://111.229.20.197/dist/index.html#/webdetail?webdetail=5e798e9499b4b11950fd5f91&type=webdetail)

如果不小心写了，在wx.navigateTo的fail回调打印错误如下：“navigateTo:fail can not navigate to tabBar page”即“不能导航到tabBar页面”。

2、在需要时使用wx.navigateTo函数。比如小程序运行时检测用户是否登录，如未登录，那么跳转到登录界面。“`

wx.navigateTo

wx.navigateTo({url:'../reg/reg'})

微信小程序没有用来隐藏tabBar的API，完全依靠跳转来实现。其中url为必填，注意参数用法。

## 关注小程序

微信小程序隐藏tabBar相关推荐

微信自定义tabbar有小红点_微信小程序自定义 tabbar
一定的需求情况下,无法使用小程序原生的 tabbar 的时候,需要自行实现一个和 tabbar 功能一模一样的自制组件. 查阅了海量的博客和文档之后,亲自踩坑.总结了三种在不使用微信小程序原生 tab ...
微信小程序自定义tab-bar遇到的问题及解决方案
微信小程序自定义tab-bar遇到的问题及解决方案小程序自定义tab-bar 问题一:需要点击两次才能变成选中装填解决方案: 问题二:真机查看的时候,切换页面的时候会从上到下解决方案: 小程序自 ...
微信小程序自定义tabbar【中间凸起样式】
微信小程序自定义tabBar样式,选中后中间凸起效果预览微信开发文档:自定义tabBar 一.配置信息在 app.json 中的 tabBar 中指定 custom 字段为 true[允许使用自 ...
微信小程序隐藏video标签的进度条组件
微信小程序隐藏video标签的进度条组件直接上代码 <video direction="0" show-fullscreen-btn="{{false}}&quo ...
微信小程序隐藏菜单栏目下转发按钮的几个方法
隐藏微信小程序顶部的转发按钮适用范围:所有的微信小程序方式一.去除页面上的分享代码片段如下,删除即可 //删除页面里的这个分享函数 onShareAppMessage: function (opt ...
微信小程序开发—— tabbar 配置
tabBar 如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面. 如何在微 ...
微信小程序在tabBar某一项的右上角添加文本（购物车数量）
首先我们在进入小程序后,肯定是通过用户授权并获取到用户的openID的,或者说至少有那么一个用户信息字段(比如在数据库中的用户表里,有openID.ID等)是跟购物车挂钩的,否则怎么能知道是我的购物车 ...
微信小程序的tabBar属性
在微信小程序当中的app.json文件当中.是指下方的导航栏, 在tabBar里面有一个list数组,在这个数组里面的值就是表示在下方导航栏的值. 如下代码所示:(给出一个小的数组值) "l ...
微信小程序自定义tabbar底部菜单
自定义 tabBar 可以让开发者更加灵活地设置 tabBar 样式,以满足更多个性化的场景. 在自定义 tabBar 模式下,为了保证低版本兼容以及区分哪些页面是 tab 页,tabBar 的相关配 ...

微信小程序隐藏tabBar

## 原文地址

图片压缩

2、在需要时使用wx.navigateTo函数。比如小程序运行时检测用户是否登录，如未登录，那么跳转到登录界面。“`

微信小程序隐藏tabBar相关推荐

最新文章

热门文章