小程序 tabBar 设置规则

@2018/04/28

app.json

1、tabBar 中的 list 页面，必须要出现在 pages 中。

2、tabBar 中出现的 url，不能使用 wx.naviagetTo 跳转。否则，出现无法跳转，tabBar 无法显示。

3、不在 tabBar 的 url，无法使用 wx.switchTap 跳转，只能使用 wx.navigateTo。

4、使用 wx.navigateTo 跳转打开的页面是无法看到 tabBar 的。

5、tabBar 设置的页面，点击 tabBar 都会自动渲染 tabBar

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/picker/picker",
    "pages/reg/reg"
  ],
  "window": {
    "backgroundTextStyle": "dark",
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTitleText": "天气预报",
    "navigationBarTextStyle": "black",
    "backgroundColor": "#89ee00",
    "onReachBottomDistance": 50,
    "enablePullDownRefresh": true
  },
  "tabBar": {
    "borderStyle": "white",
    "position": "bottom",
    "list": [
      {
        "pagePath": "pages/logs/logs",
        "text": "日志",
        "iconPath": "img/open-code.jpg",
        "selectedIconPath": "img/open-code.jpg"
      },
      {
        "pagePath": "pages/picker/picker",
        "text": "选择",
        "iconPath": "img/open-code.jpg",
        "selectedIconPath": "img/open-code.jpg"
      }
    ]
  }
}

参考文章列表：