Javascript 如何监听组件中的Dimension.get(';window';).height,以便在用户旋转或web用户调整大小时,布局可以回流?

Javascript 如何监听组件中的Dimension.get(';window';).height,以便在用户旋转或web用户调整大小时,布局可以回流?,javascript,reactjs,react-native,expo,react-native-web,Javascript,Reactjs,React Native,Expo,React Native Web,如何在组件中监听Dimension.get('window').height,以便用户旋转设备或web用户调整浏览器窗口大小时,我的布局可以回流 我已经检查了现有的HoC,但没有找到,lib也是可以接受的答案。React Native在维度API上提到了一个addEventListener。您只需向其传递一个函数,每当触发该函数时,使用setState更新所需的任何值 您可以这样使用它: import React,{Component}来自'React'; 从“react native”导入{D

如何在组件中监听
Dimension.get('window').height
,以便用户旋转设备或web用户调整浏览器窗口大小时,我的布局可以回流

我已经检查了现有的HoC,但没有找到,lib也是可以接受的答案。

React Native在
维度
API上提到了一个
addEventListener
。您只需向其传递一个函数,每当触发该函数时,使用
setState
更新所需的任何值

您可以这样使用它:

import React,{Component}来自'React';
从“react native”导入{Dimensions};
类维度Rapper扩展组件{
状态={
横向:尺寸。获取(“窗口”)。高度<尺寸。获取(“窗口”)。宽度
}
componentDidMount(){
尺寸。增加了尺寸清单(“变更”,此为尺寸清单);
}
组件将卸载(){
维度。移除EventListener(“更改”,此为维度更改);
}
_onDimensionsChange(事件){
const{width,height}=event.window;
常量景观=高度<宽度;
this.setState({scape});
}
...
}

我已经在使用的expo SDK36中找到了方向信息。我想让它成为一个特别的,你知道有没有?这也适用于在web上调整窗口大小?