响应显示区域变化
在手机上启用屏幕旋转支持
基础库版本 >=
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 // 新的显示区域高度
}