flutter_responsive_framework 0.0.2 copy "flutter_responsive_framework: ^0.0.2" to clipboard
flutter_responsive_framework: ^0.0.2 copied to clipboard

A Flutter package project for both Android and iOS which provides responsive Layout, Widget, and Text.

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

Usage #

Import the Package #

import 'package:flutter_responsive_framework/flutter_responsive_framework.dart';

Wrap MaterialApp with ResponsiveUIWidget widget #

ResponsiveUIWidget( 
  builder: (context, orientation, screenType) {
    return MaterialApp(
      home: HomePage(),
    );
  },
);

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
)

Font size #

Text('Responsive Framework', style: TextStyle(fontSize: 16.px))

or

Text('Responsive Framework', style: TextStyle(fontSize: FontSizeHelper.NORMAL_TEXT_MEDIUM))

see FontSizeHelper for further detail #

Responsive UI Helper Class provide custom Responsive Widget #

ResponsiveUIHelper.buildTitleTextWidget(titleText);
ResponsiveUIHelper.buildNormalTextWidget(text);
ResponsiveUIHelper.buildPlatformWidget(
    tabletWidget: YourTabletWidget(),
    mobileWidget: YourMobileWidget(),
);
ResponsiveUIHelper.buildPlatformWidgetWithOrientation(
    tabletPortraitWidget: YourTabletPortraitWidget(),
    tabletLandScapetWidget: YourTabletLandScapeWidget(),
    mobilPortraitWidget: YourMobilePortraitWidget(),
    mobilLandScapeWidget: YourMobileLandScapeWidget(),
);

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

6
likes
150
points
52
downloads

Publisher

verified publishertechks.org

Weekly Downloads

A Flutter package project for both Android and iOS which provides responsive Layout, Widget, and Text.

Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on flutter_responsive_framework