解决微信小程序的tabBar不显示？

最新推荐文章于 2024-05-24 15:51:47 发布
最新推荐文章于 2024-05-24 15:51:47 发布
阅读量1.4k 收藏
点赞数 2
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44398263/article/details/107581697
版权

今天在用微信小程序开发助手开发时遇到一个问题，让我一度怀疑人生……我在app.json文件中添加了tabBar，但是编译却一度发现它没有显示出来。
在这里插入图片描述

后来我发现在tabBar的list列表中，无论如何必须将index（也就是启动页面）添加进来，否则就无法显示所有tabBar。
在这里插入图片描述
想了一下也是，如果tabBar不添加初始页面的话，那么程序是要进入小程序的初始页面，但下面的tabBar又没有Bar被选中，就感觉确实很不合理。总之，这样添加后就成功显示啦~
在这里插入图片描述

皮皮鲁与鲁西西�
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序底部导航栏tabBar编译通过未显示，解决方法
千与编程
04-19 1674
小程序大概是包括能实现天气预报功能，日常工作备忘录，以及开发简介，这些功能之间要用什么来切换，就是微信小程序的底部导航栏，导航栏中定义一个天气预报按钮，一个备忘录按钮以及一个开发者按钮。大家好，我是千与千寻，我最近一段时间正在学习微信小程序的开发，后期希望有机会可以给知识星球里面的小伙伴去开发一些小程序，方便我们的生活。后期我找到了出现这个问题的原因，是定义的这三个page页面组件，必须包含在当前显示的index组件首页。将其中的pages的index画面顺序进行颠倒即可。原代码（未显示底部导航栏）
微信小程序使用tabbar时，导航框不显示
m0_62169906的博客
03-02 2632
当我们使用微信小程序时，使用了正确的格式去使用导航框，但是没有显示时。
微信小程序开发 tabbar组件常见问题
最新发布
qq_35976548的博客
05-24 633
微信小程序开发 tabbar无法显示、 tabbar切换刷新失效问题
微信小程序底部tabBar不显示图标
梦凝哲雪
10-12 2565
有网友描述是app.json中pages中的第一个页面不是tabBar配置中list[0]的第一个页面大导致"pages":[],"list": ["text": "类型",},"text": "首页",},"text": "详情",},"text": "购物车",},"text": "我的",},效果展示：顺序互不干涉 是可以显示的！！！可能是以下几个原因导致底部tabBar不显示图标：图标路径错误：请检查图标路径是否正确，建议使用相对路径。
小程序的自定义tabbar不显示有哪些愿意
weixin_35748962的博客
01-09 967
小程序的自定义 tabbar 可能不显示的原因有： 在小程序的配置文件(如 app.json 或 pages.json)中没有正确设置自定义 tabbar。 在页面的 wxml 文件中没有正确引入自定义 tabbar 的组件。 在页面的 js 文件中没有正确设置自定义 tabbar 的数据。 在页面的 wxss 文件中没有正确设置自定义 tabbar 的样式。 在小程序的其他页面中设置了...
微信小程序tabbar不显示解决办法
08-30
微信小程序tabbar不显示解决办法 微信小程序tabbar是微信小程序中的一种重要组件，它允许用户在不同的页面之间进行切换。然而，在某些情况下，tabbar可能不会显示，这就需要我们来解决这个问题。本文将介绍微信小...
uniapp 微信小程序tabbar凸起的显示
08-25
在`uniapp`中处理微信小程序的tabbar凸起效果并确保其不闪烁，是一项技术性工作，涉及到CSS样式、事件处理以及可能的动画优化。 首先，我们需要了解微信小程序中的`tabbar`配置。在`app.json`文件中，我们可以定义...
微信小程序tabbar图标素材
04-18
综上所述，"微信小程序tabbar图标素材" 是关于如何为微信小程序设计符合规范、易于理解且具有良好交互体验的 TabBar 图标的知识点。从设计原则到实现配置，每个环节都需要精心考虑，以打造高质量的小程序用户界面。
微信小程序tabBar设置实例解析
10-15
主要介绍了微信小程序tabBar设置实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序tabBar 返回tabBar不刷新页面
10-16
总的来说，微信小程序中处理`tabBar`页面不刷新的问题，关键在于利用生命周期函数和本地存储进行状态跟踪。上述方案提供了一种实践方法，但实际应用中可能需要根据具体业务需求进行相应的调整。理解并灵活运用生命...
微信小程序tabbar消失_微信小程序tabbar不显示解决办法
weixin_34741145的博客
01-17 1023
微信小程序tabbar不显示解决办法"pages":["pages/logs/logs","pages/index/index"],微信小程序在测试tabbar的时候怎么都不显示。我就不贴api了。直接上代码{"pages":["pages/logs/logs","pages/index/index"],"window":{"backgroundTextStyle":"light","naviga...
微信小程序底部tabbar不显示问题
xiaoai_911的专栏
01-23 8372
按照步骤微信小程序底部tabbar就是不显示，都是什么鬼，感谢网友提供的解决方法 踩一踩微信小程序开发的坑---tabBar http://www.jianshu.com/p/387913d901fb
tabBar.list[1].iconPath 文件不存在
越过山丘
07-10 4719
再写微信小程序tabbar时遇到问题tabBar.list[1].iconPath 文件不存在 我在尝试更改了路径等一系列操作后，仍然没啥用，甚至以为是电脑问题，但是当我将tabbar的标签属性属性进行调整后，功能实现，这是我迄今为止遇到最奇葩的坑之一。 一、确认路径正确：相对路径 二、确保标签属性顺序正确（之前我是输入随机） 先"iconPath": "images/homenormal.p...
微信小程序--TabBar不出现
weixin_30782293的博客
01-09 261
今天打算开始实战一个微信小程序项目，一开始就踩坑了，正确设置了TabBar，但是TabBar就是不能显示出来，后面才找到原因，这里记录下： app.json正确代码： { "pages":[ "pages/index/index", "pages/leader/leader", "pages/leader/stories/stories", ...
微信小程序中tabBar不显示问题
波子汽水
12-04 9912
新手入门微信小程序 发现小程序里有很多坑！好在有万能的百度和谷歌。特此记录共同进步1.tabBar不显示问题
微信小程序tabbar图片路径问题
weixin_44898301的博客
08-15 7795
1. tabbar不支持网络路径 注意: tabbar不支持网络图片 这是官方说的, 所以我们要将文件夹建在pages中,使用就用: "pages/image/tb_home.png" 即可 我们键文件夹的时候尽量选择从开发者工具打开硬盘,不然容易图片路径出错 2. Expecting ‘STRING’,‘NUMBER’,‘NULL’,‘TRUE’,‘FALSE’,’{’,’[’, got ]...
wepy2 框架的小程序tabbar的图片不出现或者报路径错误
hahahhahahahha123456的博客
02-08 642
错误示意图 解决方法： 第一步：检查图片路径是否正确（还要留意图片尺寸和大小是否符合规范） 第二步：wepy.config.js 文件指定静态资源目录（static: '静态资源目录路径’） 解决_示意图 注意，在src同级目录新建static/images/目录， ps：谢谢一个大神告诉我解决方法，记录一下 作者：木木节 链接：https://www.jianshu...
微信小程序 tabbar长按显示菜单
10-23
微信小程序的tabbar长按显示菜单是指在小程序的tabbar（底部导航栏）上长按某个按钮，会弹出一个菜单列表，提供额外的操作选项。 当用户长按tabbar上的按钮时，程序会将其识别为长按事件，并触发相应的逻辑处理。在逻辑处理中，开发者可以根据需求定义菜单列表的内容和样式。 通常情况下，这些额外的操作选项可以包括跳转到其他页面、展示更多详细信息、打开某个功能模块等。用户可以根据自己的需求选择相应的操作。 这种长按显示菜单的功能可以为用户提供更多便利和选择，增加小程序的交互性和操作灵活性。同时，也可以让小程序的界面更加简洁，将一些不常用的操作选项隐藏在菜单中，避免过多的按钮占据界面空间。 总之，微信小程序的tabbar长按显示菜单是一种增加用户操作选项和提升小程序交互性的功能，通过长按tabbar按钮可以弹出菜单列表，为用户提供更多的选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值