发表于: 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)最后的实现效果


返回列表 返回列表
评论

    分享到