ResponsiveContextExtensions extension

Extensions on BuildContext for Tailwind-style responsive checks.

Provides boolean getters for each breakpoint (sm, md, lg, xl, xxl) to make responsive layouts easy and readable.

Example usage:

// Inside a widget build method
if (context.sm) {
  print("Small screen or larger");
}

if (context.lg) {
  print("Large screen or larger");
}

// Full example with conditional widget
Widget build(BuildContext context) {
  return Container(
    width: context.md ? 500 : 300,
    child: Text(
      context.xl ? "Extra Large Screen" : "Smaller Screen",
    ),
  );
}
on

Properties

deviceType → DeviceType

Available on BuildContext, provided by the ResponsiveContextExtensions extension

The screen's DeviceType (mobile / tablet / desktop).
no setter
isDesktop → bool

Available on BuildContext, provided by the ResponsiveContextExtensions extension

Returns true if deviceType is DeviceType.desktop.
no setter
isLandscape → bool

Available on BuildContext, provided by the ResponsiveContextExtensions extension

Returns true if the screen is in landscape orientation.
no setter
isMobile → bool

Available on BuildContext, provided by the ResponsiveContextExtensions extension

Returns true if deviceType is DeviceType.mobile.
no setter
isPortrait → bool

Available on BuildContext, provided by the ResponsiveContextExtensions extension

Returns true if the screen is in portrait orientation.
no setter
isTablet → bool

Available on BuildContext, provided by the ResponsiveContextExtensions extension

Returns true if deviceType is DeviceType.tablet.
no setter
lg → bool

Available on BuildContext, provided by the ResponsiveContextExtensions extension

Returns true if screen width ≥ large breakpoint
no setter
md → bool

Available on BuildContext, provided by the ResponsiveContextExtensions extension

Returns true if screen width ≥ medium breakpoint
no setter
screenHeight → double

Available on BuildContext, provided by the ResponsiveContextExtensions extension

The screen's height in logical pixels, from MediaQuery.
no setter
screenOrientation → Orientation

Available on BuildContext, provided by the ResponsiveContextExtensions extension

The screen's current Orientation, from MediaQuery.
no setter
screenWidth → double

Available on BuildContext, provided by the ResponsiveContextExtensions extension

The screen's width in logical pixels, from MediaQuery.
no setter
sm → bool

Available on BuildContext, provided by the ResponsiveContextExtensions extension

Returns true if screen width ≥ small breakpoint
no setter
xl → bool

Available on BuildContext, provided by the ResponsiveContextExtensions extension

Returns true if screen width ≥ extra large breakpoint
no setter
xxl → bool

Available on BuildContext, provided by the ResponsiveContextExtensions extension

Returns true if screen width ≥ XXL breakpoint
no setter

Methods

responsive<T>({required T base, T? sm, T? md, T? lg, T? xl, T? xxl}) → T

Available on BuildContext, provided by the ResponsiveContextExtensions extension

Picks the highest-matching value for the current screen width, falling back to base.