← All components

<row>

Layout Wallpaper Widget

Horizontal flex container — children flow left to right.

Example

<row gap="16dp" align="center" justify="spaceBetween">

Attributes

Name Type Default Description
gap Dp Space between children
padding Dp Inner padding (single or top/right/bottom/left)
background Color Background color
gradient String Gradient brush: linear(...), radial(...), sweep(...)
opacity Float 1.0 Container opacity (0.0–1.0)
radius Dp Corner radius
align String
startcenterendstretchtopStarttopCentertopEndcenterStartcenterEndbottomStartbottomCenterbottomEnd
start Cross-axis alignment (column/row) or self-alignment within parent (box).
justify String
startcenterendspaceBetweenspaceAroundspaceEvenly
start Main-axis distribution.
fillMaxWidth Boolean false Fill available width
fillMaxHeight Boolean false Fill available height
flex Float Flex weight for parent distribution
rotate Float Rotation in degrees (clockwise)
scale String Uniform scale factor, or 'sx,sy' for axis-specific
offset String Translation 'x,y' in dp or % (e.g. '8dp,-4dp' or '10%,0%')
blur Dp Blur radius (Dp) applied to the element and its children
animate String Animation preset shorthand, e.g. "pulse:2s", "breathe:4s", "spin:8s", "bob:3s:8dp", "sway:4s:6", "fade:3s:0.3:1", "shimmer:2s". Reads the shared animation clock so all animated elements stay phase-locked.