scale

Description:

scale

A flutter package to help you scale your design on all screens sizes to achieve the same design look.
Screenshot #
iPhone 8, iPhone X Max, iPad Pro 12.9

macOS

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));
copied to clipboard
Scale relative to height #
Now to scale a number relative to screen height
final height = Scale.scaleVertically(50);
copied to clipboard
Or, you can use the extension
final height = 50.sv;
copied to clipboard
Scale relative to width #
To scale a number relative to screen width
final width = Scale.scaleHorizontally(50);
copied to clipboard
Or, you can use the extension
final width = 50.sh;
copied to clipboard
Scale font #
The font will be scaled relative to screen width, to do that:
final fontSize = Scale.scaleFont(17);
copied to clipboard
Or, you can use the extension
final fontSize = 17.sf;
copied to clipboard
Installing #
Simply add scale as a dependency in your pubspec.yaml by running the following command:
$ flutter pub add scale
copied to clipboard