ReactNative 中的flex，justifyContent和alignItems

ReactNative中的flex布局和CSS中的差不多说一下justifyContent和alignItems的理解。这两个属性都是跟flexDirection的row和column有关的，离开这两个属性说没有意义。在iOS中的坐标有X和Y轴，以便定位控件的位置，这两个属性可以把row对应成水平方向的X轴，column就是Y轴。
flexDirection就是决定X和Y哪个是主轴，那么子控件就按哪个方向排列。
justifyContent始终是以主轴为标准，alignItems以次轴为标准排列子元素。
例如row为主轴，效果就是x轴右对齐，y轴居中对齐。

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */
import React,{Component } from 'react';
import {Text,Image,View,AppRegistry,StyleSheet} from 'react-native';



export default class LostOfStyle extends Component {
  render(){
    return (
        <View style={{
          flex:1,
          flexDirection:'row',
          justifyContent:'flex-start',
          alignItems:'center',
        }}>
          <Text style={{width:100,backgroundColor: 'powderblue'}}>this is a blue</Text>

        </View>
      );
  }
}