responsive_widget 2.0.1 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
- 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.