Position

Class Properties
t.relative position: 'relative'
t.absolute position: 'absolute'

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