Saltar al contenido

Cómo determinar la altura y el ancho de la pantalla en Flutter

Te recomendamos que pruebes esta resolución en un entorno controlado antes de pasarlo a producción, saludos.

Solución:

Puedes usar:

  • double width = MediaQuery.of(context).size.width;
  • double height = MediaQuery.of(context).size.height;

Para obtener la altura solo de SafeArea (para iOS 11 y superior):

  • var padding = MediaQuery.of(context).padding;
  • double newheight = height - padding.top - padding.bottom;

Consiguiendo width es facil pero height puede ser complicadolas siguientes son las formas de lidiar con height

// Full screen width and height
double width = MediaQuery.of(context).size.width;
double height = MediaQuery.of(context).size.height;

// Height (without SafeArea)
var padding = MediaQuery.of(context).padding;
double height1 = height - padding.top - padding.bottom;

// Height (without status bar)
double height2 = height - padding.top;

// Height (without status and toolbar)
double height3 = height - padding.top - kToolbarHeight;

El siguiente código a veces no devuelve el tamaño de pantalla correcto:

MediaQuery.of(context).size

Probé en SAMSUNG SM-T580, que devuelve width: 685.7, height: 1097.1 en lugar de la resolución real 1920x1080.

Por favor use:

import 'dart:ui';

window.physicalSize;

Si aceptas, tienes la libertad de dejar una noticia acerca de qué te ha parecido este escrito.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *