Position
In react-native
everything is set to relative by default, so absolute positioning is always relative to the parent. more details on the default positioning
Relative
Use t.relative
to position an element according to the normal flow of the document.
Offsets are calculated relative to the element’s normal position and the element will act as a position reference for absolutely positioned children.
Relative parent
Absolute child
Absolute
Use t.absolute
to position an element outside of the normal flow of the document, causing neighboring elements to act as if the element doesn’t exist.
Offsets are calculated relative to the nearest parent and the element will act as a position reference for other absolutely positioned children.
With regular positioning
Relative parent
Relative child
Relative sibling
With absolute positioning
Relative parent
Absolute child
Relative sibling