微信小程序隐藏tabBar
2017-04-05 00:03
746 查看
微信小程序隐藏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" //} ] } }
如果不小心写了,在
wx.navigateTo的
fail回调打印错误如下:“navigateTo:fail can not navigate to tabBar page”即“不能导航到tabBar页面”。
2、在需要时使用
wx.navigateTo函数。比如小程序运行时检测用户是否登录,如未登录,那么跳转到登录界面。“`
wx.navigateTo
API官方文档
``` wx.navigateTo({ url:'../reg/reg' })
微信小程序没有用来隐藏
tabBar的API,完全依靠跳转来实现。其中
url为必填,注意参数用法。
相关文章推荐
- 微信小程序 新建登录页并实现tabBar隐藏
- 微信小程序 (三)tabBar底部导航详细介绍
- 微信小程序开发之选项卡(窗口底部TabBar)页面切换
- 微信小程序使用switchTab切换TabBar
- 微信小程序标签栏tabBar
- 微信小程序入门四: 导航栏样式、tabBar导航栏
- 类似于微信TabBar在二级页面滑动隐藏的效果
- 微信小程序入门之tabBar
- 微信小程序Tabbar
- 微信小程序之tabbar
- 微信小程序tabBar显示问题
- 微信小程序开发之选项卡(窗口顶部TabBar)页面切换
- 【微信小程序】小程序入门之创建目录和tabBar配置
- 点击空白处隐藏input,点击评论出现 (微信小程序)
- 微信小程序开发之Tabbar实例详解
- 微信小程序TabBar底部栏的使用
- 微信小程序 -- tabBar
- 微信小程序tabbar不显示
- 微信小程序之TabBar的使用
- 微信小程序tabBar显示问题