---
name: "onWindowResize"
mode: "api"
versionRequirements:
  - { name: "基础库", version: "2.6.0" }
title: "ty.onWindowResize - 基础库 2.6.0 开始支持，低版本需做兼容处理。"
---

## onWindowResize

> [VERSION] 基础库 >= 2.6.0

### 描述

监听窗口尺寸变化事件

### 参数

`(callback: Function)`

| 参数 | 类型 | 必填 | 描述 |
| --- | --- | --- | --- |
| `callback` | `(res: OnWindowResizeCallbackResult) => void` | 是 | 窗口尺寸变化事件的回调函数 |

### 返回值

无


### 引用对象

##### `interface` OnWindowResizeCallbackResult

| 属性 | 类型 | 必填 | 描述 |
| --- | --- | --- | --- |
| `type` | `"portrait" \| "landscape"` | 是 | 变化类型 |
| `size` | `OnWindowResizeCallbackResultSize` | 是 | 变化后的窗口尺寸 |

##### `interface` OnWindowResizeCallbackResultSize

| 属性 | 类型 | 必填 | 描述 |
| --- | --- | --- | --- |
| `windowWidth` | `number` | 是 | 屏幕宽度，单位 px |
| `windowHeight` | `number` | 是 | 屏幕高度，单位 px |


### 示例代码

#### 监听窗口尺寸变化

```js
Page({
  onLoad() {
    ty.onWindowResize((res) => {
      console.log('方向', res.type);
      console.log('宽度', res.size.windowWidth);
      console.log('高度', res.size.windowHeight);
    });
  },
});
```