字节小程序 onResize 事件 及 注意事项

追格官方小助手/ 2022年06月21日/ 小程序/ 浏览 1919

onResize 在显示区域发生变化时才会触发。


一般情况下,显示区域是不会变的。但是,在直播场景中,发发生分屏等操作。这时候 onResize 就触发了。


这种情况下,scroll-view控件需要多加注意。scroll-view中分屏变为全屏时需要重新设置scroll-view高度,可能会出现空白区域问题。


代码举例:


Page({
  onResize(res) {
    res.windowHeight; // 新的显示区域宽度
    res.windowWidth; // 新的显示区域宽度
    res.screenRatio; // 全屏及分屏状态
    res.interactive; // 当前页面是在拖动中/停止拖动
  },
});

发表评论

暂无评论,抢个沙发...

客服 工单