useWindowDimensions

Nieoficjalne Tłumaczenie Beta

Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →

tsx

import {useWindowDimensions} from 'react-native';

useWindowDimensions automatycznie aktualizuje wszystkie swoje wartości przy zmianie rozmiaru ekranu lub skali czcionki. Szerokość i wysokość okna aplikacji możesz uzyskać w następujący sposób:

tsx

const {height, width} = useWindowDimensions();

Przykład

Zatrzymuje działającą animację i resetuje wartość do oryginalnej.

fontScale

tsx

useWindowDimensions().fontScale;

Aktualna skala używanej czcionki. Niektóre systemy operacyjne pozwalają użytkownikom skalować rozmiar czcionki dla wygody czytania. Ta właściwość informuje o obowiązującej wartości.

---

height

tsx

useWindowDimensions().height;

Wysokość w pikselach okna lub ekranu zajmowanego przez aplikację.

---

scale

tsx

useWindowDimensions().scale;

Współczynnik pikseli urządzenia, na którym działa aplikacja. Wartości mogą być następujące:

• 1 oznacza, że jeden punkt odpowiada jednemu pikselowi (zwykle PPI/DPI 96, 76 na niektórych platformach).

• 2 lub 3 wskazuje na wyświetlacz Retina lub wysokiej rozdzielczości (high DPI).

---

width

tsx

useWindowDimensions().width;

Szerokość w pikselach okna lub ekranu zajmowanego przez aplikację.