跳至主要内容

useWindowDimensions

import {useWindowDimensions} from 'react-native';

useWindowDimensions 在屏幕尺寸或字体大小发生变化时会自动更新其所有值。您可以像这样获取应用程序窗口的宽度和高度

const {height, width} = useWindowDimensions();

示例​

属性​

fontScale​

useWindowDimensions().fontScale;

当前使用的字体比例。某些操作系统允许用户调整字体大小以提高阅读舒适度。此属性会让您知道当前生效的比例。

height​

useWindowDimensions().height;

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

scale​

useWindowDimensions().scale;

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

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

width​

useWindowDimensions().width;

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