RowComponent

class RowComponent

extends LinearLayoutComponent

Warning: Experimental. API and behavior may change.

RowComponent is a layout component that arranges its children in a horizontal row.

The children are laid out along the horizontal axis, with spacing between them defined by the gap parameter. The alignment of the children along the horizontal axis is controlled by mainAxisAlignment, while their alignment along the vertical axis is controlled by crossAxisAlignment.

If size is non-null, behaves as normal explicit sizing. If size is null, sets the size to the minimum size that containing all the children. This is similar to setting the size to intrinsicSize, but distinct in that sizing will respond to changes in children, other properties, etc…

Example usage:

RowComponent(
  gap: 10.0,
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    TextComponent('Child 1'),
    TextComponent('Child 2'),
    TextComponent('Child 3'),
  ],
);

Constructors

RowComponent({super.key, super.mainAxisAlignment = MainAxisAlignment.start, super.crossAxisAlignment = CrossAxisAlignment.start, super.gap = 0.0, super.size, super.position, super.anchor, super.priority, super.children})