React-Native(1)

Flexbox布局

• Flex Direction:决定布局主轴的方向

• row:水平轴
• column:竖直轴

• Justify Content:决定子元素沿着主轴的排列方式

• flex-start :靠着起始的方向
• center：居中显示
• flex-end：靠着结束的方向
• space-around：除了盒子剩下的空间平分
• space-evenly :均匀排列每个元素，每个元素之间的间隔相等

• Align Items:决定自娱阿奴素沿着次轴的排列方式

• flex-start
• center
• flex-end
• stretch :要使stretch选项生效的话，子元素在次轴方向上不能有固定的尺寸。