最近做小程序,使用騰訊提供的官方IDE及API,只能說,這個雞巴IDE和這個垃圾實現(xiàn)!?。。。。?!
要獲取設備當前的用戶視圖區(qū)域區(qū)域,你他媽的接口返回的就是一坨狗屎?。。?!還他媽的是騰訊的工程師。。你特么的模仿蘋果的safearea定義,你特么的寫好一點啊,你寫的那個四不像,是什么玩意。就說這是什么垃圾玩意。navbar高度沒有,tabbar高度沒有!你只有一個statusbar高度,那你寫這么個殘缺不全的有屁用?。?!有些頁面內容比較多,我們要用Scroll-view來進行滑動展示,有時候,特么的發(fā)現(xiàn),會被遮擋,原因就是高度計算不對導致的。而官方提供的那個狗屎不全的東西完全沒有參考意義。。。

好了,不吐槽了,我們來說說我們在小程序中如何正確的獲取safearea區(qū)域。
safearea的定義:
去掉狀態(tài)欄,去掉導航欄,去掉tabbar欄,剩余的屏幕大小就是用戶可視化安全區(qū)域。
在你的頁面的Wxss中定義整個界面的基樣式。backgroundcolor忽略。。。如下:

然后在你的相應的頁面中的wxml文件中增加頁面根視圖,在此基視圖內部實現(xiàn)你的頁面布局。如下:

然后在相應的js文件中實現(xiàn)如下代碼來獲取真正的可視區(qū)域高度尺寸。
stsHeight和nvgHeight是我本界面自定義的navgationbar+statubar的高度占用,讀者朋友可以忽略。

有了這個高度,你就可以設置為你的scrollview的height.當scrolview的子視圖高度累加之和大于這個值時,就可以正確的滑動而不被遮擋。
真特么的狗屎。。。。。。