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>
      );
  }
}