首页 > 编程知识 正文

微信小程序跳转tabbar不见了,微信小程序tabbar找不到标

时间:2023-05-06 21:11:27 阅读:267386 作者:937

问题阐述:

在写微信小程序时需要用到tabBar这个功能,但是在app.json文件中写好pages和tabBar保存刷新编译后,预览页面中没有显示底部tab

"pages": [ "pages/index/index", "pages/todo/todo", "pages/diary/diary", "pages/record/record" ], "window": { "backgroundColor": "#F6F6F6", "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#F6F6F6", "navigationBarTitleText": "demo", "navigationBarTextStyle": "black" }, "tabBar": { "list": [{ "pagePath": "pages/todo/todo", "text": "one" },{ "pagePath": "pages/diary/diary", "text": "two" },{ "pagePath": "pages/record/record", "text": "three" } ]}

问题解决:

1、将pages中的tab页面放到前面,但是index会无法显示,页面直接是tab内容

"pages": [ "pages/todo/todo", "pages/diary/diary", "pages/record/record", "pages/index/index" ],

2、比较好的解决方法是让 tabBar 中包含 index 初始页面这一项

"tabBar": { "list": [{ "pagePath": "pages/index/index", "text": "one" },{ "pagePath": "pages/diary/diary", "text": "two" },{ "pagePath": "pages/record/record", "text": "three" } ]}

这样问题就解决了,再次保存刷新编译,底部成功显示出tabBar

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。