useWindowDimensions

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

tsx

import {useWindowDimensions} from 'react-native';

useWindowDimensions actualiza automáticamente todos sus valores cuando cambia el tamaño de pantalla o la escala de fuentes. Puedes obtener el ancho y alto de la ventana de tu aplicación así:

tsx

const {height, width} = useWindowDimensions();

Ejemplo

Propiedades

fontScale

tsx

useWindowDimensions().fontScale;

Escala actual de la fuente. Algunos sistemas operativos permiten a los usuarios aumentar o reducir el tamaño de fuente para mayor comodidad al leer. Esta propiedad indica el valor activo.

---

height

tsx

useWindowDimensions().height;

El alto en píxeles de la ventana o pantalla que ocupa tu aplicación.

---

scale

tsx

useWindowDimensions().scale;

Relación de píxeles del dispositivo donde se ejecuta tu aplicación. Los valores pueden ser:

• 1: indica que un punto equivale a un píxel (generalmente PPI/DPI de 96, 76 en algunas plataformas).

• 2 o 3: indica una pantalla Retina o de alta densidad de píxeles (DPI).

---

width

tsx

useWindowDimensions().width;

El ancho en píxeles de la ventana o pantalla que ocupa tu aplicación.