发表于: 2020-03-29 23:26:28
1 1493
今天完成的事
1,解决自定义tabBar无法显示的问题:
https://blog.csdn.net/mostone/article/details/100144185
找了一天的常见配置错误,修改完整后,依旧无法显示,最后找到小程序中的该项json配置,将原版本的2.0.4修改为2.8.1(超过2.5.0版本即可)
找了很多错,随后发现官方文档中该句真正含义
2,重新了解自定义tabBar的制作过程以及其他注意事项:
https://www.jb51.net/article/102466.htm
明天的计划
1,继续昨天的任务计划;
2,视情况开始任务12;
遇到的问题
小程序t自定义tabBar的各种踩坑,比如,自定义tabBar文件名必须为custom-tab-bar,并且要与app.json处于同级目录中;小程序库版本没有达到自定义tabBar最低版本要求;双花括号{{ }}粗心写错;不过均已解决;
收获
1,记录小程序自定义配置步骤,以及部分踩坑集锦:
(1)定义tabBar文件夹以及各tab分页文件夹:
注:该文件必须与app.json处于同一目录下,即根目录;以及该文件下文件名设置为index
tab分页文件页面,可以随意定义文件名,在不同目录,无影响
(2)在app.json中添加默认的tabBar:
如果没有其他自定义的话,该配置的tabBar会被使用:
其中的“custom”:true 表示开启自定义tabBar应用,没有该项则应用该app.json配置的tabBar
注:tabBar中list的第一项必须定义在pages的第一行,否则tabBar无法加载;
(3)自定义tabbar的定义,即custom-tab-bar文件
除了app.json中,custom-tab-bar还需要定义一次tabBar,该定义会覆盖在app.json中定义的tabbar;
其他如tab分页,方法逻辑,官网均有代码参考;
(4)如果在之前的各项配置无误后,tabBar无法显示,则检查project.cofig.json配置,确保libVersion超过2.5.0版本;
(5)最后的实现效果
评论