uni-app开发时对ios底部安全区域的控制

对于ios来说，底部安全区域

仅App端支持

manifest.json 文件下 源码视图 app-plus添加节点 safearea

设置背景色

"safearea": {  "background": "#FFFFFF", //背景色"bottom": {  "offset": "auto" }
}

不设置背景色

"safearea": {  "bottom": {  "offset": "auto" }
}

兼容小程序

app.vue文件

page {padding-bottom: constant(safe-area-inset-bottom);/*兼容 IOS<11.2*/padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
}

注意：env()和constant()需要同时存在，且顺序不能调换

名称解释：

获取上安全距离： env(safe-area-inset-top)

获取左安全距离：env(safe-area-inset-left)

获取右安全距离：env(safe-area-inset-right)

获取下安全距离：env(safe-area-inset-bottom)

uni-app开发时对ios底部安全区域的控制相关推荐

抖音app开发时，在录制视频添加背景音乐功能实现流程
抖音app之所以"横扫"整个短视频领域,最主要的还是占据了短视频玩法的"先机",其中在录制视频时添加背景音乐,是很多用户都非常喜欢的步骤,但是在抖音app开发时 ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
最新仿映客直播APP开发实战项目IOS开发实战8天(最全最新)
最新仿映客直播APP开发实战项目IOS开发实战8天第 1 章:直播准备 1: [录播] 课程大纲介绍 09:56 2: [录播] 了解直播技术和腾讯云直播 09:54 3: [录播] 基础封装 23 ...
解决iphonex开发时顶部和底部没有遮盖
参考了https://blog.csdn.net/qq_40586973/article/details/79919892 前端开发VUEtify移动端框架.其实大同小异,理解了操作都是一样 ==== ...
移动App开发（包含iOS和Android转型）
上一篇从框架的角度介绍了iOS开发,本来这一节是要讲autolayout的,但是由于刚开始,可能很多移动端开发的同学,有的学android的,有的是从事iOS的,根据公司业务的调整,可能会存在互相的转 ...
直播APP开发时需要注意的问题！
2019独角兽企业重金招聘Python工程师标准>>> 想要开发APP的客户一般找开发商最多的就是问价格和二次开发问题,在这里,我奉劝大家不能够只是为了贪图小便宜去找那些价格低廉的开 ...
直播APP开发时：基于腾讯sdk的音视频功能实现
市面上提供了很多的音视频聊天sdk,在直播APP开发中有很多种选择;假如需求变更导致了现有sdk无法很好的满足需求,需要替换sdk,如果全部重写或者基于原来代码进行魔改,代价太高;所以在前期编码的时候 ...
记录uni.app开发微信小程序中地图的使用,以及项目中的解决办法
标题先讲一下需求:需要获取用户的地址信息以及经纬度,并在地图中展示时出来 uniapp官方也提供了api uni.getLocation(OBJECT) getLocation只能获取用户的经纬度,不 ...
uni-app 开发 ios底部安全区域(底部白色区域块)
iOS方案:(仅App端支持) manifest.json 文件源码视图 app-plus 节点 safearea 设置背景色 "safearea": { "backg ...

uni-app开发时对ios底部安全区域的控制

对于ios来说，底部安全区域

仅App端支持

兼容小程序

uni-app开发时对ios底部安全区域的控制相关推荐

最新文章

热门文章