responsive_layout_screen

Description:

responsive layout screen

My Package #
The responsive builder package contains widgets that allows you to create a readable responsive UI. The package is inspired by the Responsive UI Flutter series created by FilledStacks.
It aims to provide you with widgets that make it easy to build different UI's along two different Axis. Orientation x ScreenType. This means you can have a separate layout for Mobile - Landscape, Mobile - Portrait, Tablet - Landscape and Tablet-Portrait.
Installation #
To use My Package, add the following dependency to your pubspec.yaml file:
dependencies:
responsive_layout_screen: any
Then, run flutter pub get to install the package.
Usage #
To use the custom Responsive widget, import the responsive.dart :
import 'package:responsive/responsive.dart';

void main() {
runApp(const MainApp());
}

class MainApp extends StatelessWidget {
const MainApp({super.key});

@override
Widget build(BuildContext context) {
return ResponsiveSizer(
builder: (context, orientation, screenType) {
return GetMaterialApp(
title: "Responsive demo",
debugShowCheckedModeBanner: false,
theme: ThemeData.dark().copyWith(
textTheme: GoogleFonts.actorTextTheme(Theme.of(context).textTheme),
),
initialBinding: MyBinding(),
home: ResponsiveLayout(
mobile: HomeMobile(),
web: HomeWeb(),
desktop: HomeTablet(),
),
);
},
);
}
}





copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter