multi_screen_builder 1.0.1 multi_screen_builder: ^1.0.1 copied to clipboard
This allows MultiScreenBuilder helps to develope different layout for mobile , table and desktop/web with custom breakpoints with ease.
Getting started #
MultiScreenBuilder helps to develope different layout for mobile , table and desktop/web with custom breakpoints with ease.
Example #
example of using ResponsiveBuilder
MultiScreenBuilder(
mobileBuilder: (context, constraints) {
return const MobileView();
},
tabletBuilder: (context, constraints) {
return const TabletView(),
},
desktopBuilder: (context, constraints) {
return Column(
children: const [
YourWidgetsHere(),
....
],
);
},
)
Additional information #
check the device type based on screen size.
// mobile
MultiScreenBuilder.isMobile(context);
// tablet
MultiScreenBuilder.isTablet(context);
// desktop
MultiScreenBuilder.isDesktop(context);