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 表示一個點等於一個像素（通常在某些平台上為 96、76 的 PPI/DPI）。
• 2 或 3 表示 Retina 或高 DPI 顯示器。

---

width

tsx

useWindowDimensions().width;

您的應用程式佔用的視窗或螢幕的寬度（以像素為單位）。