跳至主内容

useWindowDimensions

非官方测试版翻译

本页面由 PageTurner AI 翻译(测试版)。未经项目官方认可。 发现错误? 报告问题 →

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 PPI/DPI,某些平台为 76)。

  • 23:表示 Retina 或高 DPI 显示屏。


width

tsx
useWindowDimensions().width;

应用窗口或屏幕占据的宽度(以像素为单位)。