responsive_widget 2.0.1 copy "responsive_widget: ^2.0.1" to clipboard
responsive_widget: ^2.0.1 copied to clipboard

A new Flutter package for android , ios ,web which help users to make the ui more responsive.

responsive_widget #

A new Flutter package for android ,ios which help users toy make the ui more responsive.

Screenshot #

How To Use It #

  • you can see the example

"Example"

  • and add the dependencies to your file.
  dependencies:
    flutter:
        sdk:
  responsive_widget:
/// i have make that's class you will wrap your widget with "ResponsiveUi" class which he cant tack parameter 
/// it is type is widget and make instance from Device Size  its name is size///  it will give me type of widget size 
class MyClass extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(body: 
    
    
    ResponsiveUi(builder: (context, size)=> /// that is my class i wrap my widget with it 
    
    ListView(children: [
/// and you can  mange  the size in your widget with replace the 
/// size.screenWidth or ech like that by  size.screenWidth or size.screenHeight
///and you can replace 
///
/// 
      Text('your screen size width',style: TextStyle(fontSize: size.screenWidth)),
      Text('your screen size hight',style: TextStyle(fontSize: size.screenHeight)),
      Text('title',style: TextStyle(fontSize: size.titleText)),///titleText
      Text('subTitle',style: TextStyle(fontSize: size.normalText))///normal

      ,Icon(Icons.error,size: size.normalIconSize)/// normal iconSize;
      ,Icon(Icons.error,size: size.mediumIconSize,)///medium iconSize;
      ,Icon(Icons.error,size: size.bigIconSize,)///big iconSize;
      ,
      Container(height:size.normalButton,child: RaisedButton(onPressed: (){},child: Text("Normal Button",)))///normalButton
      ,SizedBox(height: 15,)
      ,  Container(height:size.largeButton,child: RaisedButton(onPressed: (){},child: Text("Large Button",)))///largeButton


      ,Image(image: AssetImage("assets/images/userImage.png"),height:size.largeImage ,),///large image,
      Image(image: AssetImage("assets/images/userImage.png"),height:size.mediumImage ,),///medium image,
      Image(image: AssetImage("assets/images/userImage.png"),height:size.smallImage  ,),///small image,


      SizedBox(height: 19,)
    ],) ,));
  }
}

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

2
likes
40
pub points
0%
popularity

Publisher

unverified uploader

A new Flutter package for android , ios ,web which help users to make the ui more responsive.

Repository (GitHub)
View/report issues

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on responsive_widget