flutter_responsive_framework

Description:

flutter responsive framework

Provide Widget for responsive Layout, Widget, and Text #
The main purpose is about Responsive Text for Tablet, Mobile, and Web. #

Tablet #



Mobile #



Installation #
Add flutter_responsive_framework to pubspec.yaml #
dependencies:
flutter_responsive_framework: ^0.0.1
copied to clipboard
Usage #
Import the Package #
import 'package:flutter_responsive_framework/flutter_responsive_framework.dart';
copied to clipboard
Wrap MaterialApp with ResponsiveUIWidget widget #
ResponsiveUIWidget(
builder: (context, orientation, screenType) {
return MaterialApp(
home: HomePage(),
);
},
);
copied to clipboard
Widget Size #
Container(
width: LayoutSizeHelper.h(50), // This will take 50% of the screen's width
height: 30.h // This will take 30% of the screen's height
)
copied to clipboard
Font size #
Text('Responsive Framework', style: TextStyle(fontSize: 16.px))
copied to clipboard
or
Text('Responsive Framework', style: TextStyle(fontSize: FontSizeHelper.NORMAL_TEXT_MEDIUM))
copied to clipboard
see FontSizeHelper for further detail #
Responsive UI Helper Class provide custom Responsive Widget #
ResponsiveUIHelper.buildTitleTextWidget(titleText);
copied to clipboard
ResponsiveUIHelper.buildNormalTextWidget(text);
copied to clipboard
ResponsiveUIHelper.buildPlatformWidget(
tabletWidget: YourTabletWidget(),
mobileWidget: YourMobileWidget(),
);
copied to clipboard
ResponsiveUIHelper.buildPlatformWidgetWithOrientation(
tabletPortraitWidget: YourTabletPortraitWidget(),
tabletLandScapetWidget: YourTabletLandScapeWidget(),
mobilPortraitWidget: YourMobilePortraitWidget(),
mobilLandScapeWidget: YourMobileLandScapeWidget(),
);
copied to clipboard
Community Support #
If you have any suggestions or issues, feel free to open an issue
If you would like to contribute, feel free to create a PR