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

---

width

tsx

useWindowDimensions().width;

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