React Naitve flex布局

Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。

• 水平居中

alignItems: 'center'

• 垂直居中

justifyContent: 'center'

• 水平垂直居中

alignItems: 'center'
justifyContent: 'center'

• 网格布局(类似于线性布局)

flexDirection: 'row'

• 图片（Image.resizeMode）
• 不设置，全覆盖
• resizeMode.contain

resizeMode:Image.resizeMode.contain //contain 模式容器完全容纳图片，图片自适应宽高

• resizeMode.stretch

resizeMode:Image.resizeMode.stretch//图片被拉伸适应屏幕

• 绝对定位和相对定位

position: 'relative|absolute',top: 10,left: 30