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;

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