responsive_size 0.0.3 copy "responsive_size: ^0.0.3" to clipboard
responsive_size: ^0.0.3 copied to clipboard

outdated

A flutter package that helps create responsive screens

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
    ), 
 );
2
likes
0
pub points
61%
popularity

Publisher

unverified uploader

A flutter package that helps create responsive screens

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on responsive_size