微信小程序tabBar显示问题

最新推荐文章于 2023-07-09 17:36:30 发布

转载最新推荐文章于 2023-07-09 17:36:30 发布 · 189 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chengqiaoli/p/6284903.html

文章标签：

#json

本文探讨了微信小程序中TabBar的配置与显示规则。在app.json文件中，只有将tabBar列表中的页面路径设置为pages的第一个元素时，TabBar才能正常显示。此规则对于理解小程序页面与底部导航栏的关系至关重要。

在微信小程序的开发中，我遇到疑惑如下：

在app.json中定义了多个pages,一般微信小程序启动的时候，自动加载pages下的第一个页面，

"pages": [

"pages/index/index",

"pages/main/main",
"pages/you/you",
"pages/me/me"
],

"tabBar": {
"color": "#929292",
"selectedColor": "#ff2d55",
"borderStyle": "white",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/me/me",
"iconPath": "image/tabbar/1.png",
"selectedIconPath": "image/tabbar/1-hl.png",
"text": "我的demo"
}, {
"pagePath": "pages/you/you",
"iconPath": "image/tabbar/2.png",
"selectedIconPath": "image/tabbar/2-hl.png",
"text": "demo1"
}

如果将index 或者main放在第一行，tabBar并不显示出来，但是you 和me 页面放在第一行的时候，是可以显示的，后来查到是因为只有当放在第一行的页面是在tabBar的list的某一个页面才可以显示，也就是说you 和me页面是在tabBar的list下面，所以可以显示，而另外的2个不能显示

转载于:https://www.cnblogs.com/chengqiaoli/p/6284903.html