响应显示区域变化
在手机上启用屏幕旋转支持
基础库版本 >=
3.29.0
支持
小程序在手机上支持屏幕旋转,使小程序中的页面支持屏幕旋转的方法是:
- 在
app.json
的window
中增加"pageOrientation"
,默认值是"portrait"
,支持以下配置:
值 | 说明 |
---|---|
portrait | 竖屏 |
landscape | 横屏 |
auto | 根据设备方向自动切换横竖屏 |
page
级增加相同配置支持,page
级配置项在当前页面会覆盖app.json
的window
中相同的配置项
如果页面添加了上述声明,则在屏幕旋转时,这个页面将随之旋转,显示区域尺寸也会随着屏幕旋转而变化。
屏幕旋转事件
基础库版本 >=
3.29.0
支持
page
生命周期回调 onResize
, 页面尺寸发生改变的事件,可以使用页面的 onResize
来监听
代码示例
onResize(res) {
res.size.windowWidth // 新的显示区域宽度
res.size.windowHeight // 新的显示区域高度
}