A Flutter package that will make your size responsive base on device orientation and text font size. the given value will convert to scale base on device screen and convert it to dp.

Features

  • scale any value base on screen size
  • calcuate item that can fit on screen

Getting started

Add responsive_size_extention to your pubspec.yaml

Usage

to use plugin add responsive_size_extention as you dependacy.

  • import following statement for usage
import 'package:responsive_size_extension/responsive_size_extension.dart';

Container(
    width: 10.scale,//this will scale the given value base on screen
    height: 10.scale,
    child: Text("Hello World",style:TextStyle(fontSize:14.scale))//this will scale text size
)
  • calculate widget that can fit screen horizontal
  • this example will use MasonryGridView which availale on pub.dev
//this is [itemWidth] base width you can also use double.infinity as well.
int itemWidth = 150.scale;
int itemtemsCanHorizontal = physicalWidth~/itemWidth;

MasonryGridView.builder(
      itemCount: records.length,//your data length
      gridDelegate: SliverSimpleGridDelegateWithFixedCrossAxisCount(crossAxisCount: itemtemsCanHorizontal),
      itemBuilder: (context, index) {
		//your code
      },
    );

Additional information

A Flutter package that will make your size responsive base on device orientation and scale text font size. for more information please check at https://github.com/Van-They/responsive_size_extension.git

Libraries

responsive_size_extension