Apicloud不同机型状态兰高度不一问题

没有苹果机型测试,所以不太清楚。
apicloud写一个页面,frame打开需要确定初始坐标y,即顶部导航栏header高度和状态栏高度加在一起,普遍认为安卓机型高度为25,测试时发现有35的,有28的,要解决这个问题需要用到

var safeArea = api.safeArea; // JSON对象,如{top:20, left:0, bottom:0, right:0}

top: 安全区域上边缘,对于沉浸式下window中该值通常为状态栏高度,全屏或非沉浸式下为0(iPhone X竖屏时全屏状态下也为44)
left: 安全区域左边缘,通常为0(iPhone X横屏时为44)
bottom: 安全区域下边缘,通常为0(iPhone X竖屏时为34,横屏时为21)
right: 安全区域右边缘,通常为0(iPhone X横屏时为44)
api.openFrame({
    name: 'shopmain_frame',
    url: './shopmain_frame.html',
    rect: {
       x: 0,
       y: api.safeArea.top + 50,
       w: api.winWidth,
       h: 'auto'
    },
      bounces:true
    });

api.safeArea.top获取状态栏高度,50为导航栏高度,问题解决。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值