微信ウィジェット開発のまとめ

一、TabBar
公式サイト:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html
1、これ以上appできない.jsonで構成され、「pages」プロパティの最初のページはtabBarのページでなければ表示されません.サブページ構成には表示されません.

page.json
             .json
                。       app.json
        ，     app.json    window       ，          app.json   window        。

   .json
     window
       ，           ，      window
    ，

二、リスト

                     

                         

                         {{item.name}}

                     

                 

wx:for-indexの値は中線ではいけません.そうしないと、バインドイベントでは正しい値が読めません.そしてイベントをクリックしてObjectを渡す.すべて文字列です.
三、ScrollViewは固定高さを設定しなければならないし、100%設定は役に立たないようで、数値を設定しなければならない.

四、window

wx.getSystemInfo( {

            success: ( res ) => {

                console.log('onLoad,getSystemInfo',res)

                this.setData({

                viewHeight: res.windowHeight,

                viewWidth: res.windowWidth

                })

            }

        })

得られたwindowHeightは現在のviewのheightであり、window全体のheightではない.navigationBarとtabBarが削除されます.
五、付属のドロップダウンリフレッシュはapp.jsonのwindowはグローバル設定に対して、

"window":{

    "navigationBarBackgroundColor": "#F85825",

    "navigationBarTitleText": "",

    "navigationBarTextStyle":"white",

    "enablePullDownRefresh":true,

    "backgroundTextStyle":"dark",

    "backgroundColor":"#f5f5f5"

  },

              ：

{

    "navigationBarTitleText": "  ",

    "enablePullDownRefresh":true,

    "backgroundTextStyle":"light",

    "backgroundColor":"#ff0000"

}

           ，     title，       ，`light`   `dark`。
    ：

//     

    onPullDownRefresh: function () {

        console.log("onPullDownRefresh");

        this.loadData()

    },

    stopPullDownRefresh: function () {

        wx.stopPullDownRefresh({

        complete: function (res) {

            console.log(res, new Date())

        }

        })

    },

    //     ，        

    onReachBottom: function () {

        console.log("onReachBottom");

    },

六、現在カスタムコンポーネントをサポートしていないサードパーティの実装案があり、微信開発ツールを再パッケージし、カスタムコンポーネントを行う.https://github.com/maichong/labrador
七、scroll-viewはbouncesをサポートせず、境界外へのスライドをサポートしない.だから自分でプルダウンリフレッシュはできません.システムから与えられたインタフェースのみで、2つのモードを固定し、文字を追加することはできません.
八、より多くのシステムをロードすることは、ページ全体を最後までスライドさせる方法を提供するが、効果が悪いので、scroll-viewのリスニングイベントを利用したほうがいい.

九、外部チェーンは現在、外部チェーンのインタフェースを開発していないので、新しいwebViewを開くことができず、私たちの既存のappに接続することができず、トラフィックを導入することができません.