reactjs - useWindowDimensions 返回错误的高度

Question

我在 react-native 中的 useWindowDimensions 钩子(Hook)返回一个太小的高度时遇到了问题。它给我的高度是 36 像素，而我知道我用来测试的设备上的实际屏幕高度是 568。
当我将我的设备旋转到横向时，高度会自行校正到正确的高度。
我做了一个非常简单的博览会项目，当你按下一个按钮时，它会记录屏幕高度。如果您有博览会，应该非常快速地克隆和运行:https://github.com/PeterHSteele/window-dimensions-test .在某些时候(可能大部分时间)，日志是正确的，但在反复重新加载时，它最终总是显示不正确的高度。据我所知，它是否正确似乎是完全随机的。
当我使用 react native 社区的 useDimensions 或 Dimensions API 时，我遇到了同样的问题。虽然，我的项目有一个旧版本似乎没有问题，所以可能是版本兼容性问题:
该演示项目中似乎不起作用的版本:

"expo": "~39.0.2"
"react": "16.13.1",
"react-dom": "16.13.1",
"react-native": ".63.3"

我的应用程序的旧版本中确实有效的版本:

"expo": "~36.0.0",
"react": "~16.9.0",
"react-dom": "~16.9.0",
"react-native": ".63.3"

Answer 1

这可能对你有帮助import {Dimensions} from "react-native" 维度会返回高度 和 宽度 的 window或 screen无论您选择什么。
这将是，const {height,width} = Dimensions.get("window")或者const {height,width} = Dimensions.get("screen")