react native layout

FlexBox flexible box layout

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

The dimensions are not react native units, which represents a separate pixel devices.

 

 

 

 Parent View Properties:

  

 

 

 

 flexDirection attribute defines the child elements of the parent view along the horizontal axis or direction of the side of the shaft arrangement.

flexWarp disposed wrap, multi-line display.

justifyContent attribute defines how the browser resilient dispensing container along the main shaft between the parent (flex) and the space surrounding the element, the default is flex-start.

alignItems: axial side alignment.

  

Guess you like

Origin www.cnblogs.com/em2464/p/12192478.html