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 表示一个点等于一个像素（通常 PPI/DPI 为 96，在某些平台上为 76）。
• 2 或 3 表示 Retina 或高 DPI 显示器。

---

width

tsx

useWindowDimensions().width;

你的应用程序所占据的窗口或屏幕的像素宽度。