小程序不出现TabBar的一种解决方法

PHP 林涛 15425℃ 0评论

在小程序开发中,经常会遇到底部的TabBar不出现的问题。在此记录一下其中一类问题产生的原因和对策。下面先描述错误现象,接着指出错误原因,最后提供正确的实例。 
  错误现象是,项目的app.json使用以下代码,却没有如期望那样在屏幕底部出现TabBar。

image.png

底部没有出现TabBar,如图所示。

1516000151838189.png


为什么底部不出现TabBar?原因在于,app.json头部的pages数组的第一项"pages/clickDemo/clickDemo"没有成为tabBar的一员,也就是在tabBar的list数组内没有链接clickDemo页面的条目。 
  具体对策有两种。一,我们在list数组内加入链接clickDemo页面的条目,如图2所示。图2中的红色矩形框内的代码是新加的,下面给出了这段代码。二,把pages数组的第一项设置为"pages/index/index",或者设置为"pages/logs/logs"。也就是说,pages数组的第一项必须是tabBar的list数组的一员。 


1516000151252095.png


解决底部不出现TabBar的对策

  对策一在app.json内添加的代码如下。注意,tabBar的list数组的条目之间要用逗号分隔。

 {

       "pagePath": "pages/clickDemo/clickDemo",

       "text": "事件Demo",

       "iconPath": "image/setting_normal.png",

       "selectedIconPath": "image/setting_selecred.png"

     }123456

如需转载请注明: 转载自26点的博客

本文链接地址: 小程序不出现TabBar的一种解决方法

转载请注明:26点的博客 » 小程序不出现TabBar的一种解决方法

喜欢 (0)
发表我的评论
取消评论

表情