Skip to content
HuxerUIHuxerUIHuxerUI

Row

Row is a braced layout container whose main axis is horizontal.

Arrange horizontal content

Section titled “Arrange horizontal content”
Row {
  Image(app::images::avatar).With(Frame{.width = 40.0F, .height = 40.0F}),
  Column {
    Text(user_name, TextRole::Title),
    Text(status, TextRole::Label),
  }.With(Grow(), Spacing(2.0F)),
  IconButton(app::images::more, "More actions"),
}.With(
    Spacing(12.0F),
    CrossAlign(CrossAxisAlignment::Center)
)

Spacing sets horizontal gaps. MainAlign distributes remaining width and CrossAlign positions or stretches children vertically. Grow(factor) lets a child consume a proportional share of remaining width.

Choose flexible or wrapping layout

Section titled “Choose flexible or wrapping layout”

Use Spacer() for a simple flexible empty region. Use Flow instead when a horizontal collection must wrap rather than overflow or shrink.

API

Section titled “API”
  • Construction: Row { children... } or an explicit child vector.
  • Layout modifiers: Spacing, MainAlign, CrossAlign, Padding, Frame.
  • Child metadata: Grow.

Read Layout fundamentals for constraints, alignment, flexible children, and the choice between Row, Flow, and scrolling.