微信小程序隐藏tabBar

简介: 微信小程序隐藏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为必填,注意参数用法。

## 关注小程序

相关文章
|
3月前
|
小程序 IDE 搜索推荐
【社区每周】小程序新增自定义tabBar功能;支持指定默认启动首页(2022年6月第三期)
【社区每周】小程序新增自定义tabBar功能;支持指定默认启动首页(2022年6月第三期)
38 0
|
2月前
|
小程序 开发工具 git
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
|
5月前
|
小程序 JSON 数据格式
【微信小程序】之如何创建底部菜单?tabBar、mp-tabbar
【微信小程序】之如何创建底部菜单?tabBar、mp-tabbar
【微信小程序】之如何创建底部菜单?tabBar、mp-tabbar
|
2月前
|
JSON 小程序 前端开发
【微信小程序】-- 案例 - 自定义 tabBar(四十六)
【微信小程序】-- 案例 - 自定义 tabBar(四十六)
|
2月前
|
小程序
【微信小程序】-- 全局配置 -- tabBar(十七)
【微信小程序】-- 全局配置 -- tabBar(十七)
【微信小程序】-- 全局配置 -- tabBar(十七)
|
3月前
|
缓存 小程序 IDE
【每周一个小技巧】支付宝小程序自定义tabbar效果
【每周一个小技巧】支付宝小程序自定义tabbar效果
52 0
|
5月前
|
存储 小程序
微信小程序vant框架自定义tabbar实现跳转
全网并没有找到一篇可自定义图标的tabbar。 又都是复制的。。。 哎,于是我就来首发第一篇
90 0
|
6月前
|
小程序
小程序踩坑-appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中
小程序踩坑-appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中
40 0
|
6月前
|
小程序 前端开发 JavaScript
微信小程序底部按钮tabbar组件封装
微信小程序底部按钮tabbar组件封装
61 0
|
18天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。

热门文章

最新文章