# Flex box (React Native)
## Introduction
一個可以讓元素膨脹來填充額外空間或著縮小適應更小的空間的 style。

手機裝置中的主軸與次軸
當宣告元件屬性值為 flex 後，元件成了一個盒子，會出現主軸與次軸：

主軸(main-axis)：flexDirection 的設定，預設為垂直排列 column，也就是元件排列的方向！
次軸(cross axis)：如果元件排列超過這個盒子的大小，你想要讓它換行，會遵 flexDirection 的設定相反方向換行，也就是主軸為垂直排列 column，換行將會是水平換行 row，所以次軸就是元件的換行方向。
## Element in React Native flexbo

# 排列方向:
flexDirection: 'column' || 'row'
# 主軸對齊:
justifyContent: 'flex-start' || 'flex-end' || 'center' || 'space-around' || 'space-between'
# 交叉軸對齊:
alignItems: 'stretch' || 'flex-start' || 'flex-end' || 'center'
#佔據比例
flex: number (e.g. 1, 1/2)