React Native Flex Layout alignitems, aligncontent, alignself differences

In the process of using the flex layout to write the interface crazily, you can see that these properties are not the difference, or you have not seen one of the properties of the design of a layout of the brain, see here

Let's start with the alignitems that we know best.

Alignitems
Alignitems and Justifycontent are used in conjunction, the former is the side axis layout, the latter is the spindle layout, but the spindle specifically represents the horizontal or vertical axis depends on the Flexdirection property values

Several properties and effects of alignitems, as shown below

aligncontent

Aligncontent layout Effect and aligniems exactly the same, but the former only for multi-line item has effect, the latter for single-row, multi-line is effective

alignself

Alignself is distinguished from Alignitems, the former is defined within the item, its default value is auto, the value of the parent class Alignitems, if the value of the Alignself property is customized overrides the effect of the parent class