解析底部不出现 TabBar 的原因及解决办法

2024-11-10
来源:网络整理

原因是:数组的第一项必须是列表数组的成员。

我们可以看一下上面代码中数组的内容:

"pages":[ "pages/clickDemo/clickDemo", "pages/logs/logs", "pages/index/index", "pages/mypage/mypage" ]

列表数组的内容是:

"list": [ { "pagePath": "pages/index/index", "text": "首页", "iconPath": "image/location_normal.png", "selectedIconPath": "image/location_selected.png" }, { "pagePath": "pages/logs/logs", "text": "设置", "iconPath": "image/setting_normal.png", "selectedIconPath": "image/setting_selecred.png" }

你知道为什么底部不出现了吗?原因是app.json头部数组中的第一项“//”还没有成为 的成员,即列表数组中没有链接页面的条目。

【解决办法】 1、我们将链接页面的条目添加到list数组中。下面给出了该代码。

{ "pagePath": "pages/clickDemo/clickDemo", "text": "事件Demo", "iconPath": "image/setting_normal.png", "selectedIconPath": "image/setting_selecred.png" }

效果如下:

方法2. 将数组的第一项设置为“//”或“/logs/logs”。当然这种方法并不是我们所期望看到的。经过实践,我发现app.json中数组中的第一项(主页)必须出现在 ---list 数组中。列表中的哪一个并不重要;重要的是。但如果首页不在列表中,当然无法渲染,这是可以理解的。 app.json是第一页配置

问题二:有什么办法可以让小程序首页不显示而不是显示在首页吗?

目前还没有想到解决办法,欢迎大家帮忙。

问题3:有些页面不在列表页中。为什么它们也显示在页面底部?如果从一级页面转到另一个页面,您会发现其他页面即使不在定义的列表中也会显示。如何解决这个问题呢?

【解决办法】如果当前页面也是一级页面,不要等到到达想要跳转的页面。就用它而不是用它。

其他开发相关问题请参见微信小程序开发教程::

1.教你:如何在微信小程序中实际切换(附源码)

2、微信小程序开发中底部导航栏的使用

分享