微信小程序自定義navigationBar標題欄

小程序默認使用的navigationBar只能設置顏色、文字，左側返回按鈕也是不可改變的，若要實現下方效果有解決方案，但是也有一定的問題。

1、更改app.json

  "window": {
    "navigationStyle": "custom"
  },

2、自定義標題欄

 使用custom模式后，頁面將延展到整個屏幕包括設備標題欄，有需要的話要在app.js中獲取設備的標題欄高度，頁面中再去使用這個值

/app.js
 wx.getSystemInfo({
      success: function(res) {
        this.globalData.statusBarHeight = res.statusBarHeight
      }
    })

接下來，就可以敲頁面了，標題欄固定在頂部就可以了，想怎么寫怎么寫

4、存在的問題
1、下拉刷新時整個頁面移動，包括標題欄，因為標題欄是在頁面里的（安卓手機）
2、右上角的膠囊是一直存在的，要根據膠囊位置調整想要的效果
3、custom模式是全局的，不能單個頁面使用，就意味每個頁面都要自定義標題欄，建議使用模板