flutter 的Column, Row 佈局基本跟CSS 的 flex佈局很類似，只是flutter單獨抽取成Row, Column:
容器上的屬性:
- flex-direction : row | column
- flex-wrap : nowrap | wrap | wrap-reverse
- flex-flow : <flex-direction> || <flex-wrap>
- justify-content : justify-content: 主軸的對其方式： flex-start, flex-end, center, space-between, space-around
- align-items: align-items: flex-start, flex-end, center, baseline, stretch.
- align-content:
Item的屬性:
- order: order 屬性定義項目的排列順序, 數值越小，排列越靠前， 默認值爲0.
- flex-grow: 屬性定義項目的放大比例， 默認值爲0， 即如果剩餘空間，也不放大。
- flex-shrink：flex-shrink: 屬性定義了項目的縮小比例， 默認爲1， 如果空間不足，該項目即將縮小.
- flex-basis: 屬性定義了分配多餘空間之前，項目佔據的主軸空間(main size).。 瀏覽器根據這個屬性，計算
主軸是否有多餘的空間，它的默認值爲auto, 即項目本來的大小. - flex: 屬性是flex-grow, flex-shrink, flex-basis. // flex: none | [flex-grow, flex-shrink, flex-basis]
- align-self : 屬性允許單個項目有與其他項目不一樣的對其方式， 可以覆蓋align-items 屬性， 默認值爲auto,
表示集成元素的align-items 屬性，如果沒有父元素，則等同於stretch.