支付寶小程序透明標題和內容重疊

支付寶小程序透明標題欄快速示例地址：https://docs.alipay.com/mini/quick-example/transparent-titlebarr

根據官方給出的代碼設置：多次各種情況點擊結果出現了標題和內容重疊的問題

官方給出的設置:

解決方案：將try catch方法放到onShow中，onload只獲取到一次titleBarHeight的值，第二次進來重疊是因爲titleBarHeight：0

Page({
  data: {
    systemInfo: {} // 手機基礎信息
  },
  onShow(options) { // 將try catch方法放在onShow中觸發；onload只會觸發一次，第二次就獲取不到titleBarHeight的值
    try {
      // 獲取手機基礎信息(頭狀態欄和標題欄高度)
      let systemInfo = my.getSystemInfoSync();
      this.setData({ systemInfo });
    } catch (e) {
      console.log(e);
      my.alert({
        title: '溫馨提示',
        content: 'onLoad 執行異常'
      });
    }
  },
  /**
   * 點擊手機標題欄觸發的事件,需要在index.json配置titlePenetrate:"YES"
   * @method onTitleBar
   */
  onTitleBar(e) {
    my.alert({
      title: '溫馨提示',
      content: '您點擊了"我是手機標題欄"'
    });
  }
});