OpenFlutter/flutter_screenutil
Flutter Screenutil
flutter_screenutil es un framework de UI responsivo y herramienta de diseño adaptativo para Flutter. Proporciona un sistema para escalar dimensiones de diseño y fuentes basadas en un diseño de referencia para asegurar proporciones consistentes a través de diferentes resoluciones de pantalla y dispositivos.
El kit de herramientas funciona como un proveedor de métricas de pantalla que recupera propiedades del dispositivo en tiempo real, incluyendo ancho, alto, densidad de píxeles y dimensiones de área segura. Maneja específicamente la adaptación del diseño durante cambios de orientación del dispositivo y actualizaciones del modo de pantalla dividida.
El framework cubre la gestión de tipografía adaptativa, escalado de dimensiones de diseño y monitoreo de métricas de pantalla. Incluye mecanismos para controlar la reconstrucción de la UI durante el cambio de tamaño de la pantalla y aplica límites de escalado para mantener la integridad visual en pantallas muy grandes o pequeñas.
Features
- Reference-Based Scaling - Calculates widget sizes by multiplying design-draft dimensions by a ratio derived from the current screen size.
- Responsive UI Design - Scales widgets and layouts based on design drafts to ensure consistent proportions across different screen resolutions.
- Multi-Device Layout Adapters - Handles screen size changes and orientation shifts to ensure the UI fits various mobile device screens.
- Layout Scaling Utilities - Calculates widget sizes and radii based on reference designs to ensure consistent proportions across resolutions.
- Responsive UI Frameworks - Provides a toolkit for scaling layout dimensions and fonts in Flutter based on a reference design.
- Screen Metadata Retrieval - Provides programmatic access to real-time device properties such as screen width, height, and pixel density.
- Adaptive Typography Tools - Automatically adjusts font sizes based on screen dimensions and system zoom settings to maintain readability.
- Font Size Range Clampers - Scales text sizes based on screen metrics while applying minimum and maximum pixel bounds to prevent extreme sizing.
- Device Metrics Retrieval - Provides real-time retrieval of screen width, height, pixel density, and safe area dimensions to drive responsive layout scaling.
- Screen-Metric Based Font Scaling - Scales text based on screen dimensions and system zoom settings using defined minimum and maximum bounds.
- Layout Recalculation Triggers - Listens to system-level screen change notifications to trigger layout recalculations during orientation or window shifts.
- Adaptive UI Layouts - Adjusts UI proportions and font sizes automatically during device orientation changes or split-screen mode updates.
- Safe Area Metrics - Retrieves precise device-specific inset values, including notches and system padding, to calculate usable screen area.
- Split-Screen Layout Adaptation - Adjusts UI dimensions and layout calculations in real time when the application is used in split-screen mode.
- Screen Dimension Monitors - Detects changes in screen dimensions to trigger layout updates during device orientation or split-screen transitions.
- Rebuild Optimization Tools - Limits widget tree updates during screen resizing by defining rebuild factors to optimize performance.
- UI Element Scaling Constraints - Implements scaling limits to maintain visual integrity on extremely large or small displays.
