Row

Row

Signature

<Row Gap="2" Padding="0" Align="Center" Justify="Start" Wrap="False">
  ...
</Row>

Attributes

Content

<Row Gap="2" Align="Center">
  <Image Src="{Data.Avatar}" W="32" H="32" Rounded="True" />
  <Text Value="{Data.Name}" />
  <Button Text="详情" Size="Sm" OnClick="OpenUrl" Url="{Data.Url}" />
</Row>

Runtime behavior

• Horizontal flex layout; Wrap="True" adds flex-wrap.
• Children may be squeezed when space runs out; set Clamp on a child Text or trim the content when needed.
• Justify="Between" is the common way to push children to both ends.

Example

<Row Justify="Between" Align="Center">
  <Text Value="状态" Weight="Semibold" />
  <Text Value="{State.Loading}" Color="Muted" />
</Row>

Gotchas

• Text is not truncated automatically; use Clamp to limit the line count.
• Long horizontal content can overflow; use Wrap, or a Container with Direction="Column".