UniApp是直播系統app源碼前端開發使用的一個框架,安卓端、iOS端和各種小程序的前端開發都可以使用它。UniApp很好上手,直播app源碼使用它開發前端后,幾乎不再需要使用其他框架,可以減少一些開發成本。接下來,我就介紹一下使用UniApp需要知道的一些知識。
1.作用域
如下success方法內,有個外部方法 bookShareSuc();如果這里使用this.bookShareSuc()控制臺會有報錯,提示`bookShareSuc not is a function xxxx`;這中情況下需要在外部聲明一個新變量that,并將this指向that然后再內部使用
that.bookShareSuc() let that = this; uni.share({ provider: strProvider, scene: strScene, type: 0, href: strShareUrl, title: strShareTitle, summary: strShareSummary, imageUrl: strShareImageUrl, success: function(res) { console.log("success:" + JSON.stringify(res) + 'from==>' + that.shareFrom); if (that.shareFrom == 'read') { that.bookShareSuc(); } }, fail: function(err) { that.$u.toast(JSON.stringify(err)); console.log("fail:" + JSON.stringify(err)); }, complete() { console.log('xxxxxxxx'); }, })
2.input標簽
1>input有默認寬度,當UI寬度大于默認值時,需要添加一個父視圖,約束父視圖所要呈現的寬度,然后設置input寬度100%;
2>關于鍵盤彈起 cursor 設置問題,每次需要先設置false有個延遲在設置為true否則只能第一次響應鍵盤彈起,后續操作此屬性不起作用,但是設置了延遲之后有個UI體驗問題,就是鍵盤會先收起再彈出;
3>頁面softinputMode屬性和input的adjust-position
當頁面softinputMode屬性為adjustResize時,input的adjust-position無效【安卓】;
當頁面softinputMode屬性為adjustPan時,input的adjust-position為false時【iOS12之前有問題】
解決方案:softinputMode設置為adjustPan;adjust-position設置為true【這是整個頁面會隨著鍵盤上移,體驗差了點,但是對比前兩者bug只能退而求其次】
以上內容,就是直播系統app源碼在使用UniApp開發時,需要知道的一些知識點,如果想了解更多直播系統app開發的相關知識,可以關注一下我們。
聲明:以上內容為云豹科技原創,未經作者本人同意,禁止轉載,否則將追究相關法律責任www.radissonsedona.com