微信小程序底部 tabBar 不显示的问题

真的是个坑...

首先按照官方文档写的,配置 app.json 文件:

(关键看 pages 和 tabBar 部分)

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs",
    "pages/tab1/tab1",
    "pages/tab2/tab2",
    "pages/tab3/tab3"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  },
  "tabBar":{
    "list":[
      {
        "pagePath": "pages/index/index",
        "text": "index"
      },{
        "pagePath": "pages/tab1/tab1",
        "text": "tab1"
      },{
        "pagePath": "pages/tab2/tab2",
        "text": "tab2"
      },{
        "pagePath": "pages/tab3/tab3",
        "text": "tab3"
      }
    ]
  }
}

一定要注意:tabBar 中配置的路径中必须要有 index 页!

否则会出现底部导航栏不显示的问题...

你可能感兴趣的:(微信小程序)