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)。 -
2或3:表示 Retina 或高 DPI 显示屏。
width
tsx
useWindowDimensions().width;
应用窗口或屏幕占据的宽度(以像素为单位)。