React Native Dimensions 不适用于旋转

Jos*_*iga 3 react-native

我正在运行发布在以下位置的代码(针对类组件):

https://reactnative.dev/docs/dimensions

然而,在 Android Studio 模拟器中,如果我“旋转”设备,尺寸值不会改变,即我期望高度和宽度会随着旋转而改变,但这并没有发生。有什么想法吗?

根据上一个链接发布的信息,它说:

尽管尺寸立即可用,但它们可能会发生变化(例如,由于设备旋转、可折叠设备等),因此依赖于这些常量的任何渲染逻辑或样式都应尝试在每次渲染时调用此函数,而不是缓存值(例如,使用内联样式而不是在样式表中设置值)。

我也尝试使用 useWindowDimensions 但这仅限于功能性反应组件。

到目前为止,我找不到可靠的方法来检测 Android 设备是否使用 React-Native 和类组件旋转:-(

注意:React Function Component 也会出现此问题

Rau*_*uez 5

尝试: https: //reactnative.dev/docs/usewindowdimensions 它对我有用

import { useWindowDimensions } from 'react-native';


const { height, width } = useWindowDimensions();
Run Code Online (Sandbox Code Playgroud)