メインコンテンツにスキップ

useWindowDimensions

import {useWindowDimensions} from 'react-native';

useWindowDimensions は、画面サイズまたはフォントスケールが変更されると、すべての値を自動的に更新します。次のようにして、アプリケーションウィンドウの幅と高さを取得できます。

const {height, width} = useWindowDimensions();

例​

プロパティ​

fontScale​

useWindowDimensions().fontScale;

現在使用されているフォントのスケール。一部のオペレーティングシステムでは、ユーザーが読みやすさのためにフォントサイズを拡大または縮小できます。このプロパティは、実際に適用されているスケールを示します。

height​

useWindowDimensions().height;

アプリが占有しているウィンドウまたは画面の高さ（ピクセル単位）。

scale​

useWindowDimensions().scale;

アプリが実行されているデバイスのピクセル比。値は次のようになります。

  • 1 は、1ポイントが1ピクセルに等しいことを示します（通常、一部のプラットフォームでは96、76のPPI/DPI）。
  • 2 または 3 は、Retinaディスプレイまたは高DPIディスプレイを示します。

width​

useWindowDimensions().width;

アプリが占有しているウィンドウまたは画面の幅（ピクセル単位）。