safeareainsets专题

uniapp底部安全距离(safeAreaInsets)的实际应用

实际遇到的问题:页面底部的元素与 IOS 自带的导航条重叠了(图 1),调整后(图 2) 解决办法:safeAreaInsets获取屏幕边界到安全区域距离 // 获取屏幕边界到安全区域距离     const { safeAreaInsets } = uni.getSystemInfoSync() 页面中增加一个 DOM 撑开  <view :style="{ height: