Skip to main content

Justify Self ❔

Custom alignment for individual items (Native workaround for the CSS equivalent).

How​

Adding flexDirection to a component's style determines the primary axis of its layout.

Adding alignItems to a component's style determines the alignment of children along the secondary axis (if the primary axis is row, then the secondary is column, and vice versa).

Workaround​

Summary​

So the best solution is two wrap the element which you want to apply justifySelf with a <View /> component and apply flexDirection to the parent and get the desired alignment using align or justify.

Reference: Stackoverflow post