ResponsiveContextX extension

Extension on BuildContext that provides utilities for responsive design.

Facilitates access to screen dimensions and allows adapting values or building layouts depending on the screen size (mobile, tablet, or desktop).

Properties usage example

Widget build(BuildContext context) {
  if (context.isMobile) {
    return MobileView();
  } else if (context.isTablet) {
    return TabletView();
  }
  return DesktopView();
}

responsiveValue usage example

Widget build(BuildContext context) {
  // Will return 1 on mobile, 2 on tablet, and 4 on desktop mode.
  final gridColumns = context.responsiveValue(
    mobile: 1,
    tablet: 2,
    desktop: 4,
  );

  return GridView.count(
    crossAxisCount: gridColumns,
    // ...
  );
}
on

Properties

isDesktop → bool

Available on BuildContext, provided by the ResponsiveContextX extension

Returns true if the screen width corresponds to a desktop.
no setter
isMobile → bool

Available on BuildContext, provided by the ResponsiveContextX extension

Returns true if the screen width corresponds to a mobile device.
no setter
isTablet → bool

Available on BuildContext, provided by the ResponsiveContextX extension

Returns true if the screen width corresponds to a tablet.
no setter
screenHeight → double

Available on BuildContext, provided by the ResponsiveContextX extension

Gets the current height of the screen or object containing this context.
no setter
screenWidth → double

Available on BuildContext, provided by the ResponsiveContextX extension

Gets the current width of the screen or object containing this context.
no setter

Methods

responsiveValue<T>({required T desktop, T? tablet, T? mobile}) → T

Available on BuildContext, provided by the ResponsiveContextX extension

Evaluates and returns the corresponding value for the current breakpoint.