WeChatウィジェットのプルアップ/ドロップダウンロード

アプレットアイテムではプルダウン・ロードをアップ・ダウン・ロードするのが一般的で、公式ドキュメントでもかなりフレンドリーなAPIが提供されていますが、APIが隠されているのが深く、ドキュメントの記述もあいまいなので振り回しています(公式ドキュメント)、ここで使用方法を記録します

onPullDownRefresh()/ユーザードロップダウン・リフレッシュ・イベント、onReachBottom()/ユーザー・タッチダウン・イベント

onPullDownRefreshとonReachBottomはウィジェットのページイベントで、公式ドキュメントの説明「app.jsonのwindowオプションまたはページのjsonファイルでenablePullDownRefreshを開く必要がある」ということで、個人的にはページ構成が良いと思いますが、ページごとに新しいイベントをブラシする必要はありません.

//json  
{
  "usingComponents": {},
  "backgroundTextStyle":"dark",//dark：      
  "enablePullDownRefresh":true,//      
　"onReachBottomDistance":50//      px         
}

使用方法
公式ドキュメント:「wx.startPullDownRefreshでドロップダウン・リフレッシュをトリガーでき、呼び出し後にドロップダウン・リフレッシュ・アニメーションをトリガーでき、効果はユーザーの手動ドロップダウン・リフレッシュと一致する」.
ユーザスライドによりトリガしてもよいし、wx.startPullDownRefresh（）呼び出しによりonPullDownRefresh()メソッドを実行してもよいことを意味し、コードは以下の通りである.

   onShow() {
        setTimeout(()=>{
            //               
            wx.startPullDownRefresh()
        },1000)
    },
    /**
     *       
     */
    onPullDownRefresh() {
        //    ...
        wx.stopPullDownRefresh()//           
        
    },

プルアップロードイベントはユーザーがスライドする必要があり、ページ下部の値からonReachBottomDistanceの設定パラメータまでの距離にあると、次のようにトリガーされます.

    /**
     *     
     */
    onReachBottom(){
        //    
        ......
    },

最後に全体のコードを見てみましょう

    onShow() {
        setTimeout(()=>{
            wx.startPullDownRefresh()//        
        },1000)
    },
    /**
     *       
     */
    onPullDownRefresh() {
        wx.stopPullDownRefresh()//    
        
    },
    /**
     *     
     */
    onReachBottom(){
        //       ，    
    },