px_responsive 0.0.4
px_responsive: ^0.0.4 copied to clipboard
A powerful tri-tier responsive design system for Flutter. Automatically scales UI elements across mobile, tablet, and desktop based on your Figma/XD design specifications.
Changelog #
All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
0.0.4 - 2025-01-15 #
- updated the License
0.0.3 - 2025-01-15 #
- updated the documentation
0.0.2 - 2025-01-15 #
Added #
maxWidthparameter inPxResponsiveConfigto constrain maximum screen width- Maximum width limiting to prevent UI elements from becoming too large on ultra-wide displays
- Automatic width capping when screen exceeds
maxWidththreshold - Documentation for
maxWidthusage and best practices
Changed #
- Scale factor calculations now respect
maxWidthconstraint when specified - Improved handling of ultra-wide screen scenarios (4K, ultrawide monitors)
0.0.1 - 2025-01-10 #
Added #
- Initial release of px_responsive
PxResponsiveConfig- Configuration class for design baselines and breakpointsPxResponsive- Singleton core for calculating scale factorsPxResponsiveWrapper- Widget wrapper for initializing the responsive systemPxResponsiveMediaQueryWrapper- Alternative wrapper using MediaQuery- Numeric extensions (
.w,.h,.sp,.r,.wf,.hf) - Parent-relative extensions (
.wr(),.hr()) - Clamping methods (
.wMin(),.wMax(),.wClamp(), etc.) EdgeInsetsextensions (.w,.scaled,.r)Sizeextensions (.scaled,.w,.r)BorderRadiusextensions (.r)PxResponsiveBuilder- Widget for device-specific layoutsPxResponsiveValue- Widget for device-specific valuesPxResponsiveVisibility- Widget for conditional visibilityBuildContextextensions for convenient access- Scale factor clamping to prevent extreme UI scaling
- Separate text scale factor limit (
maxTextScaleFactor) - Full documentation for all public APIs