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

• BuildContext

Properties

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

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