微信小程序tabBar不显示

管理 管理 编辑 删除

在尝试小程序开发时,tabBar这个是个非常常见的组件,但是今天在进行开发时,设置了TabBarb并没有显示,被这个问题困扰了近半小时,现在将排查问题后所得到的经验记录下来。

首先 如果tabBar不显示,要排查所指向的页面是否进行了页面注册。如果没有注册的话,页面是找不到的。

其次 要确保路径的拼写正确,不知道为什么使用的Windows平台的微信开发工具,在设置tabBar的list时,并没有代码提示,所以只能自己拼写路径全称,这个时候一定要注意拼写的正确性,否则页面加载后,tabBar是找不到的,但是找不到 Console也不会报任何的错误,所以千万要注意路径的拼写,就像我 在设置list 的 pagePath 属性时,将 “Component” 写出了“Componnet”

最后,在页面路径确保正确的前提下,tabBar还是没有显示出来,尝试了好多次,最后找到原因,因为之前是做Android的,而Android中,也有一个类似的组件是 TabHost, TabHost包含在一个Activity中,包括指向的Activity(假设是3个Activity),共4个Activity,但是在微信小程序中,如果按照这样的模式,即一个页面包含三个页面的话,那么很抱歉,tabBar是不能正常显示的,在微信小程序中启动页面一定要包含在tabBar中,并且启动页必须是tabBar的list属性中的第一个元素,才能正常显示,Android的同学很容易在这个地方纠结。

例如

da635202303171557186446.png

CRMEB-暮白寒窗雪 最后编辑于2023-03-17 15:57:41

回复({{post_count}})
回复从新到旧

{{item.user_info.nickname}} {{item.user_info.is_threads ? '(管理员)' : item.user_id == thread_uid ? '(作者)' : ''}}

{{item.user_name}} {{item.user_info.is_threads ? '(管理员)' : item.user_id == thread_uid ? '(作者)' : ''}}

{{item.user_info.title}}
{{item.created_at}}  {{item.user_info.ip_address}}
{{item.like_count}}
{{item.showReply ? '取消回复' : '回复'}}
删除
回复

{{itemc.user_info.nickname}}

{{itemc.user_name}}

{{itemc.user_info.is_threads ? '(管理员)' : itemc.user_id == thread_uid ? '(作者)' : ''}}

回复 {{itemc.comment_user_info.nickname}}

{{itemc.created_at}}   {{itemc.user_info.ip_address}}
{{itemc.like_count}}
{{itemc.showReply ? '取消回复' : '回复'}}
删除
回复
查看更多
回复
添加回复 ({{post_count}})
68
{{like_count}}
{{collect_count}}

相关推荐

CRMEB-暮白寒窗雪 管理员
社区运营专员---高冷のBoy | 呆萌のGirl

回答

571

发布

766

经验

14195

内容精选
{{item.title}}
{{item.created_at}}
{{item.fic_view_count}}
换一批

快速安全登录

使用微信扫码登录
经验说明

1、发布新帖子,每发布一条帖子可获得20个经验,每天最多可获取200个经验;

2、发布新回复,每发布一条回复可获得10个经验,每天最多可获取200个经验;

3、发布的帖子被管理员设置为精华帖,每被加精一次可获得10个经验,无上限;

4、发布帖子被回复一条,加2个经验,无上限;

5、发布帖子被点赞一个或发布评论被点赞加5个经验,无上限;

6、论坛首页大神积分排行榜,统计90天以内获取的累积经验值进行排序。

7、技术社区经验和官方商城用户经验同步,累计经验值会提升商城会员等级,购买官方商城产品享受对应会员等级折扣

确定
{{item.label}} 首页头条 首页动态 加精 板块推荐 取 消 确 定
回复
CRMEB客服

CRMEB咨询热线 咨询热线

400-8888-794

微信扫码咨询

CRMEB开源商城下载 开源下载 CRMEB官方论坛 帮助文档
返回顶部 返回顶部
CRMEB客服