Skip to content

Offset

Offset moves a view visually without changing where it sits in the layout.

Use offset when a view should move without changing where nearby views are laid out.

Positive X moves a view to the right. Negative X moves it to the left. Positive Y moves it down. Negative Y moves it up.

A small widget showing a blue rounded square centered over its reference position.A small widget showing a blue rounded square centered over its reference position.
No offset
A small widget showing a blue rounded square moved up and right from its reference position.A small widget showing a blue rounded square moved up and right from its reference position.
X 18, Y -18

Offset is not a good base for the main structure of a canvas. If you need other views to move around the element, use stacks, spacers, frames, and padding instead.

For example, use Y = -2 to nudge an icon upward so it aligns visually with nearby text.

Offset can overlap nearby views because it does not reserve new layout space. If the moved view should push other views away, use padding or a spacer instead.