MaterialUIBreakpoint enum

Defines breakpoints based on the Material 3 layout system.

These breakpoints are used to adapt UI layouts depending on screen width, as recommended by the Material Design responsive layout guidelines.

Implements BreakpointSpec so it can be used with utilities like ResponsiveBreakpointTheme.

Breakpoint Ranges:

small: <600 px — typically phones
medium: 600–839 px — typically tablets
large: ≥840 px — typically desktops

Example:

final current = ResponsiveBreakpointTheme.of<MaterialUIBreakpoint>(context);
if (current == MaterialUIBreakpoint.large) {
  // Render wide-screen layout
}

Inheritance

Object
Enum
MaterialUIBreakpoint

Implemented types

BreakpointSpec

Available extensions

Values

small → const MaterialUIBreakpoint: Small window size: less than 600px.

const MaterialUIBreakpoint(breakpoint: 0)
medium → const MaterialUIBreakpoint: Medium window size: 600px to 839px.

const MaterialUIBreakpoint(breakpoint: 600)
large → const MaterialUIBreakpoint: Large window size: 840px and up.

const MaterialUIBreakpoint(breakpoint: 840)

Properties

breakpoint → double: The minimum width (in logical pixels) at which this breakpoint applies.
final
hashCode → int: The hash code for this object.
no setterinherited
index → int: A numeric identifier for the enumerated value.
no setterinherited
name → String: Available on Enum, provided by the EnumName extension
The name of the enum value.
no setter
runtimeType → Type: A representation of the runtime type of the object.
no setterinherited

Methods

noSuchMethod(Invocation invocation) → dynamic: Invoked when a nonexistent method or property is accessed.
inherited
toString() → String: A string representation of this object.
inherited

Operators

operator <(BreakpointSpec other) → bool: Available on BreakpointSpec, provided by the BreakpointComparison extension
Returns true if this breakpoint is less than other.
operator <=(BreakpointSpec other) → bool: Available on BreakpointSpec, provided by the BreakpointComparison extension
Returns true if this breakpoint is less than or equal to other.
operator ==(Object other) → bool: The equality operator.
inherited
operator >(BreakpointSpec other) → bool: Available on BreakpointSpec, provided by the BreakpointComparison extension
Returns true if this breakpoint is greater than other.
operator >=(BreakpointSpec other) → bool: Available on BreakpointSpec, provided by the BreakpointComparison extension
Returns true if this breakpoint is greater than or equal to other.

Constants

values → const List<MaterialUIBreakpoint>: A constant List of the values in this enum, in order of their declaration.