flexDirection（该属性决定了项目排列的方向，也就是主轴的方向）row：主轴为水平方向，起点在左端
container: {
backgroundColor:'blue',
height:Dimensions.get('window').height,
width:Dimensions.get('window').width,
// 设置主轴方向
flexDirection:'row'
},
效果：
row-reverse：主轴为水平方向，起点在右端
container: {
backgroundColor:'blue',
height:Dimensions.get('window').height,
width:Dimensions.get('window').width,
// 设置主轴方向
flexDirection:'row-reverse'
},
效果：
column（默认）：主轴为垂直方向，起点在上
container: {
backgroundColor:'blue',
height:Dimensions.get('window').height,
width:Dimensions.get('window').width,
// 设置主轴方向
flexDirection:'column'
},
效果：
column-reverse：主轴为垂直方向，起点在下
container: {
backgroundColor:'blue',
height:Dimensions.get('window').height,
width:Dimensions.get('window').width,
// 设置主轴方向
flexDirection:'column-reverse'
},
效果：
justifyContent（定义伸缩项目在主轴线的对齐方式）flex-start（默认）：伸缩项目向一行的起始位置靠齐
container: {
backgroundColor:'blue',
height:Dimensions.get('window').height,
width:Dimensions.get('window').width,
// 设置子项目在主轴上的对齐方式
justifyContent:'flex-start'
},
效果：
flex-end：伸缩项目向一行的结束位置靠齐
container: {
backgroundColor:'blue',
height:Dimensions.get('window').height,
width:Dimensions.get('window').width,
// 设置子项目在主轴上的对齐方式
justifyContent:'flex-end'
},
