fixed_responsive 1.0.0

A mobile-first scaling extension that calculates sizes based on the shortest screen side, preventing layout breaks on rotation while scaling perfectly for tablets.

Fixed Responsive

A lightweight, professional mobile-first scaling extension for Flutter.

Unlike standard responsive packages that scale based on the current width of the screen, fixed_responsive scales based on the shortest side of the device.

This solves the most common layout bug in Flutter: Preventing layouts from exploding when users rotate their phones to landscape, while still scaling up perfectly for iPads, Tablets, and Desktop screens.

(Add your GIF link here showing a phone rotating without the UI breaking)

The Problem It Solves

If you use standard percentage-based widths (like MediaQuery.of(context).size.width or standard screen utilization packages), rotating a phone from Portrait to Landscape doubles the width of the screen. This causes your fonts, paddings, and buttons to become massively bloated.

fixed_responsive locks the mathematical scaling to the physical device type, not the orientation.

Installation

Add it to your pubspec.yaml:

dependencies:
  fixed_responsive: ^1.0.0