问题阐述:
在写微信小程序时需要用到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