Justify Content

Class	Properties
t.justifyStart	justifyContent: 'flex-start'
t.justifyEnd	justifyContent: 'flex-end'
t.justifyCenter	justifyContent: 'center'
t.justifyBetween	justifyContent: 'space-between'
t.justifyAround	justifyContent: 'space-around'
t.justifyEvenly	justifyContent: 'space-evenly'

Start

Use t.justifyStart to justify items against the start of the flex container’s main axis:

1

2

3

Center

Use t.justifyCenter to justify items along the center of the flex container’s main axis:

1

2

3

End

Use t.justifyEnd to justify items against the end of the flex container’s main axis:

1

2

3

Space between

Use t.justifyBetween to justify items along the flex container’s main axis such that there is an equal amount of space between each item:

1

2

3

Space around

Use t.justifyAround to justify items along the flex container’s main axis such that there is an equal amount of space around each item:

1

2

3

Space evenly

Use t.justifyEvenly to justify items along the flex container’s main axis such that there is an equal amount of space between and around each item:

1

2

3