Power and beauty of flexbox layout in React Native

flexflexDirectionjustifyContentalignItemsalignSelfflexWrap alignItems aligns children in the cross direction or cross-axis. For example, if children are flowing vertically, alignItems controls how they align horizontally. justifyContent defines how space is distributed between and around flex items along the primary axis of the container (the flex-direction). justifyContent is declared on the parent container.