useWindowDimensions

tsx

import {useWindowDimensions} from 'react-native';

useWindowDimensions 会在屏幕尺寸或字体缩放发生变化时自动更新其所有值。您可以如下获取应用窗口的宽度和高度：

tsx

const {height, width} = useWindowDimensions();

示例

属性

fontScale

tsx

useWindowDimensions().fontScale;

当前使用的字体缩放比例。某些操作系统允许用户放大或缩小字体尺寸以获得舒适的阅读体验。此属性将让您知道当前生效的值。

---

height

tsx

useWindowDimensions().height;

您的应用所占用的窗口或屏幕的高度（像素）。

---

scale

tsx

useWindowDimensions().scale;

您的应用运行设备的像素比率。值可以是：

• 1 表示 1 个点等于 1 个像素（通常某些平台上的 PPI/DPI 为 96, 76）。
• 2 或 3 表示 Retina 或高 DPI 显示屏。

---

width

tsx

useWindowDimensions().width;

您的应用所占用的窗口或屏幕的宽度（像素）。