目錄
一、問題描述
二、問題解決
1、頂部劉海區
2、底部小黑條
一、問題描述
安全區域主要是為了避免劉海屏或底部欄遮擋，而造成的不良顯示效果。
本次將針對以下兩點進行考量：
1、頂部劉海屏區
2、蘋果X底部小黑條
二、問題解決
通過Taro.getSystemInfoSync()方法可以獲取到設備的信息，雖然其他api也有類似效果，但這個api兼容性是最好的，推薦使用。
1、頂部劉海區
getSystemInfoSync.Result.safeAera.top
這就是劉海屏上方劉海的高度，給容器設置對應的paddingTop即可。
2、底部小黑條
這個區域在蘋果X這類手機上比較常見，解決方案是獲取到以下計算后到值：
getSystemInfoSync.Result.screenHeight - getSystemInfoSync.Result.safeAera.bottom
這個差值就是屏幕最下方需要留到空間，當這兩個值相同時，此時的設備是沒有小黑條的，有小黑條的設備都存在此差值。
以上就是安全區域的解決方案！
)
