【微信小程序】微信小程序tabBar使用中不显示问题

这篇具有很好参考价值的文章主要介绍了【微信小程序】微信小程序tabBar使用中不显示问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

微信小程序中tabBar配置

tabBar配置好以后不显示的解决方法


微信小程序中tabBar配置

微信小程序中下方的tabBar如何配置很多刚刚接触小程序的同学,有些懵。这里给你一个详细的配置文档:

小程序配置 | 微信开放文档

具体配置代码如下:

  "tabBar": {
    "list": [
      {
        "pagePath": "pages/moving/index",
        "iconPath": "pages/images/card.png",
        "selectedIconPath": "pages/images/card_select.png",
        "text": "首页"
      },
    ]
  }

tabBar:是我们指定了内部配置为小程序的tabBar,

list:则是我们具体的tabBar的列表

pagePath:指定的是我们点击此tabBar要跳转显示的页面

iconPath:指的是我们在未点击选中此tabBar时显示的icon

selectedIconPath:指的是我们点击选中此tabBar后需要展示的高亮icon

text:指的是我们的此tabBar要展示的按钮名称

tabBar配置好以后不显示的解决方法

  • 查看一下我们的tabBar中引用的页面是否已经注册到了pages中,若这个页面没有注册,则应 改及时调整,注册页面到pages中
  • 如果页面已经注册了,仍然没有显示,那么需要看一下页面应用的路径是否出现了错误,如果有则要纠正,没有的话,就看下面的解决方法
  • 上面两条都没有问题的话,tabBar仍然没有显示,那么就要具体根据下面的指引操作了:
  1. 小程序启动是加载的页面路径,必须是在tabBar中的路径,并且他还必须是tabBar中的List属性的一个元素。

上面这三种都检查完了,如果你仍然没有显示,那么你就要查看你的控制台是否报错了!!!

好了,今天关于小程序tabBar的问题就讲解到这。欢迎大家点击下方卡片,关注我的公众号《coder练习生》文章来源地址https://www.toymoban.com/news/detail-483303.html

到了这里,关于【微信小程序】微信小程序tabBar使用中不显示问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 优雅实现微信小程序动态tabBar,根据不同用户角色显示不同底部导航

    背景 在开发小程序过程中,有个需求是,小程序底部的tabBar需要根据不同用户角色显示不同底部导航。此时就需要用到自定义底部导航 custom-tab-bar。 上次发文是组合显示4个底部tabBar导航,很多小伙伴评论说组合超过5个怎么办。他们的需求总数超过5个了。 现在我在这里更新

    2024年02月14日
    浏览(26)
  • 微信小程序自定义tabbar闪烁问题

    闪烁问题原因:超过两个tabbar页不要单纯的使用官方说的show时getTabBar().setData设置选中态,自定义tabbar是多个实例的,那样只会改变当前tabbar实例的选中态,其他页面的tabbar实例并没有改变选中态。 解决tabbar闪烁问题: 1.在app.js中设置 globalData 2.在 custom-tab-bar/index.js 中设置

    2024年02月10日
    浏览(32)
  • uniapp 之 uniapp的返回事件 onBackPress 在微信小程序中不生效的问题

    使用 uniapp 开发微信小程序 页面中点击左上角的返回按钮,监听返回操作,页面返回前执行了一些操作, uniapp 页面生命周期中有 onBackPress ,因此将操作写在了 onBackPress () 页面生命周期钩子当中, H5 测试一切正常,但是微信开发工具中调试的时候发现没有执行 原因 : uniapp的onBackPre

    2024年02月11日
    浏览(29)
  • 微信小程序自定义tabbar以及闪烁问题

    微信小程序的标题栏,具体描述不需要太多解释,但是很多时候,不满足于默认的配置的时候,需要我们手动的去绘制一个tabbar。比如一般社交平台软件会要求中间有一个突出的发布按钮,此时就需要重新定制下tabbar了 假设我们现在有这么一个需求,tabbar中的子项是根据ap

    2024年02月09日
    浏览(36)
  • uniapp学习之【uniapp的返回事件 onBackPress 在微信小程序中不生效的问题】

    uniapp 的返回事件 onBackPress 在微信小程序中不生效的问题 场景 :页面中点击左上角的返回按钮,监听返回操作,页面返回前执行了一些操作, uniapp 页面生命周期中有 onBackPress ,因此将操作写在了 onBackPress () 页面生命周期钩子当中, H5 测试一切正常,但是微信开发工具中调试的时候

    2024年02月16日
    浏览(27)
  • 微信小程序自定义tabbar容易遇到的问题

    1.自定义tabbar不生效: 原因文件名称不正确,必须使用custom-tab-bar命名 2.切换延迟问题,如A→B,需要点击两次icon才能正确选中 解决方法如下:   在跳转的页面的show生命周期里面加上,selected是custom-tab-bar里面当前设置选中下标的参数名,而值是对应tabbar数组里面对应的下标

    2024年02月14日
    浏览(29)
  • 微信小程序使用echarts不显示的问题

    前几天在微信小程序中用echarts发现不显示,主要有一下几个可能

    2024年02月12日
    浏览(21)
  • 优雅实现微信小程序动态tabBar,根据不同用户角色显示不同底部导航——更新版(支持自由组合总数超过5个tabBar菜单)

    背景 在开发小程序过程中,有个需求是,小程序底部的tabBar需要根据不同用户角色显示不同底部导航。此时就需要用到自定义底部导航 custom-tab-bar。 上次发文是组合显示4个底部tabBar导航,很多小伙伴评论说组合超过5个怎么办。他们的需求总数超过5个了。 现在我在这里更新

    2024年02月03日
    浏览(32)
  • 微信小程序自定义tabbar切换延迟以及切换闪烁问题

    首先,吐槽一番,官方bug,好多年了,一直不解决....那我们就自己解决.. 切换延迟就是点击tabbar时要点击两次icon才能正确选中,比如说首页要跳转到工单页面,要点击两次工单的图标才被激活; 解决: 在对应的要跳转的页面的show生命周期里面加上以下代码即可,selected是custom-tab-bar里

    2024年01月21日
    浏览(35)
  • 基于自定义组件实现微信小程序动态tabBar,根据不同用户角色显示不同底部tabBar,支持自由组合总数超过5个(更新版)

    背景 在开发小程序过程中,有个需求是,小程序底部的tabBar需要根据不同用户角色显示不同底部导航。此时就需要用到自定义底部导航 custom-tab-bar。 上次发文是组合显示4个底部tabBar导航,很多小伙伴评论说组合超过5个怎么办。他们的需求总数超过5个了。 现在我在这里更新

    2024年01月17日
    浏览(26)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包