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

---

width

tsx

useWindowDimensions().width;

你的应用程序占用的窗口或屏幕的宽度（以像素为单位）。