responsive_size

A package that helps create responsive UI in Flutter.

How to use

Init ResponsiveSize in main.dart like so:

ResponsiveSize.init(designWidth: 414, designHeight: 896);

Import responsive_size to use it's extensions

import 'package:responsive_size/responsive_size.dart';

Then just call .w (width), .h (height), .sp (font-size):

 return Container(
    width: 120.w, // 120 is the original design width
    height: 240.h, // 240 is the original design height
    child: Text(
      'Hello world', 
      style: TextStyle(fontSize: 12.sp), // 12 is the original design fontSize
    ), 
 );

Libraries

responsive_size
responsive_size_ext