小さなプログラムのカスタムタブバーダブルクリックスイッチの問題の概要

問題の説明

アプレットのカスタムタブバーを公式文書に従って使用すると、下のタブバーをクリックしても切り替えられず、下のタブバーをダブルクリックしても切り替えられないという問題があります。理由はわかりませんでした。 。私はインターネットから比較的良い方法を直接読んで、後発者に警告します。

解決

• タブバーの下部にあるジャンプ先のページのonshowメソッド内にコードを追加します

 if(typeof this.getTabBar === 'function' && this.getTabBar()) {
    
    
      
      this.getTabBar().setData({
    
    
        selected: 1
      })
    }

selected为要切换的tabbar 的索引

• app.jsonにカプセル化して、ジャンプ先のページのshowメソッドで呼び出すこともできます。

  /**
   * 修复 自定义 tarbar 双击才能切换的bug
   * @param {*} ctx 上下文
   * @param {*} idx 索引
   */
  customTarbarBugRepair(ctx, idx){
    
    
    if(typeof ctx.getTabBar === 'function' && ctx.getTabBar()) {
    
    
      
      ctx.getTabBar().setData({
    
    
        selected: idx
      })
    }
  }