FlintFlexRow class

A responsive horizontal layout widget that arranges its children in a flexible row using CSS Flexbox.

The FlintFlexRow is part of the Flint UI framework and is designed for generating responsive HTML layouts, especially in web or email contexts.

It automatically adjusts to smaller screens by stacking its children vertically when mobileStack is enabled.

Example usage:

FlintFlexRow(
  gap: 12.0,
  alignment: 'space-between',
  backgroundColor: '#f8f9fa',
  padding: EdgeInsets.all(16),
  children: [
    FlintText('Name'),
    FlintText('Email'),
    FlintText('Status'),
  ],
)
Inheritance

Constructors

FlintFlexRow({required List<FlintWidget> children, List<int>? columnWidths, double gap = 16.0, EdgeInsets? padding, EdgeInsets? margin, String? backgroundColor, BoxBorder? border, BorderRadius? borderRadius, String alignment = 'center', bool mobileStack = true})
Creates a FlintFlexRow layout widget.

Properties

alignment → String
The alignment of children within the flex row.
final
backgroundColor → String?
The background color of the row container, represented as a CSS color string.
final
border → BoxBorder?
The border of the row container.
final
borderRadius → BorderRadius?
The border radius of the row container, used for rounded corners.
final
children → List<FlintWidget>
The child widgets arranged horizontally within the row.
final
columnWidths → List<int>?
Optional list of column widths (percentages) for each child widget.
final
gap → double
The horizontal space (in pixels) between child widgets.
final
hashCode → int
The hash code for this object.
no setterinherited
id → String
finalinherited
margin → EdgeInsets?
The outer margin of the row container.
final
mobileStack → bool
Whether to automatically stack columns vertically on small screens.
final
padding → EdgeInsets?
The inner padding of the row container.
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
script → FlintScript?
finalinherited

Methods

buildTemplate() → FlintWidget
Returns this widget instance directly.
override
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
renderScriptAttributes() → String
Render attached script to HTML attributes
inherited
toHtml() → String
Renders the row as an HTML <div> using CSS flexbox layout.
override
toJson() → Map<String, dynamic>
Converts this widget into a JSON-serializable structure.
override
toString() → String
A string representation of this object.
inherited
toText() → String
Renders the row and its children as plain text.
override

Operators

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