FrostedContainer class

A container with a frosted-glass (backdrop blur) effect.

Combines BackdropFilter + semi-transparent overlay + clipping into a single reusable widget. Automatically switches overlay color between light and dark mode.

Usage

FrostedContainer(
  blur: MihrBackdropBlurs.md,
  borderRadius: BorderRadius.circular(12),
  child: Padding(
    padding: EdgeInsets.all(16),
    child: Text('Frosted content'),
  ),
);

As a navigation bar

FrostedContainer(
  blur: MihrBackdropBlurs.lg,
  borderRadius: BorderRadius.zero,
  child: SafeArea(
    child: Row(children: [/* nav items */]),
  ),
);
Inheritance

Constructors

FrostedContainer({required BackdropBlurStyle blur, required Widget child, Key? key, BorderRadius borderRadius = MihrRadius.borderXl, BoxBorder? border, BoxDecoration? decoration, Color? overlayColor, EdgeInsetsGeometry? padding})
Creates a frosted-glass container with the given blur and child.
const

Properties

blur → BackdropBlurStyle
The backdrop blur preset to apply.
final
border → BoxBorder?
Optional border for the container.
final
borderRadius → BorderRadius
Border radius for clipping. Defaults to 12px.
final
child → Widget
The child widget rendered on top of the frosted background.
final
decoration → BoxDecoration?
Additional decoration (applied on top of the blur overlay). Do NOT set BoxDecoration.color here — use overlayColor instead.
final
hashCode → int
The hash code for this object.
no setterinherited
key → Key?
Controls how one widget replaces another widget in the tree.
finalinherited
overlayColor → Color?
Override the overlay color. When null, auto-selects based on brightness.
final
padding → EdgeInsetsGeometry?
Padding inside the container.
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited

Methods

build(BuildContext context) → Widget
Describes the part of the user interface represented by this widget.
override
createElement() → StatelessElement
Creates a StatelessElement to manage this widget's location in the tree.
inherited
debugDescribeChildren() → List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node.
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String
A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String
Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String
Returns a one-line detailed description of the object.
inherited
toStringShort() → String
A short, textual description of this widget.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited