scale 0.0.3 icon indicating copy to clipboard operation
scale: ^0.0.3 copied to clipboard

A flutter package to help you scale your design on bigger or smaller screens to achive the same design look.

A flutter package to help you scale your design on bigger or smaller screens to achieve the same design look.

Screenshot #

iPhone 8, iPhone X Max, iPad Pro 12.9

This screenshots from my app, it's available on AppStore and PlayStore

Usage #

First of all, in your base widget setup Scale. So, if you have a design with 1280 * 720. You will pass first the context then the design size.

Scale.setup(context, Size(1280, 720));

Scale relative to height #

Now to scale a number relative to screen height

final height = Scale.scaleVertically(50);

Or, you can use the extension

final height = 50.sv;

Scale relative to width #

To scale a number relative to screen height

final height = Scale.scaleHorizontally(50);

Or, you can use the extension

final height = 50.sh;

Scale font #

The font will be scaled relative to screen width, to do that:

final fontSize = Scale.scaleFont(17);

Or, you can use the extension

final fontSize = 17.sf;

Installing #

Simply add the following line to your pubspec.yaml file:

dependencies:
  scale: any       # <-- Add this line
12
likes
90
pub points
30%
popularity

Publisher

unverified uploader

A flutter package to help you scale your design on bigger or smaller screens to achive the same design look.

Repository (GitHub)

Documentation

API reference

License

Icon for licenses.unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on scale