Helper widgets and functions for responsive design
- responsiveTextStyle
- responsiveGridCount
- responsiveCallBack
- ResponsiveOrientationLayout
- ResponsiveScreenLayout
- DeviceScreenType
- Mobile
- Tablet (deviceWidth > 600)
- Desktop (deviceWidth > 950)
- SizingInfo
Text(
'Responsive Text',
style: responsiveTextStyle(
context,
mobile: kTextStyleH03Bold,
tablet: kTextStyleH01Bold,
desktop: kTextStyleDisplay01Bold,
),
)
responsiveCallbacks(
context,
mobile: () {
context.go(
'/${AppRoute.loads.name}/${AppRoute.addLoad.name}',
);
},
desktop: () {
ref
.read(navigationServiceProvider)
.pushNamed('/${AppRoute.addLoad.name}');
},
);