flex布局是flutter的五虎上將之一,虎父無犬子，其子row和column也能力非凡
你有沒有被mainaxisalignment，crossaxisalignment弄得暈頭轉向,本文將助你將他們納入麾下。
先看一下父子三人在flutter布局體系中的位置:多子元件布局
enum axis也就是水平排放還是豎直排放，可以看出缺省情況下都是主軸頂頭,交叉軸居中比如horizontal下主軸為水平軸，交叉軸則為豎直。也就是水平頂頭，豎直居中
這裡使用multishower快速展示,更好的對比出不同之處.
);
主軸方向的排布規則,這裡以水平為例，主軸為水平方向。豎直模擬即可enum mainaxisalignment ,color: colors.black12,width: 200,height: 150);return show;
}
enum crossaxisalignment還是水平為例，交叉軸便是豎軸，這裡可以看出他們的布局行為其中需要注意的是crossaxisalignment.baseline使用時必須有textbaseline
其中textbaseline確定對齊的是那種基線,分為alphabetic和ideographic
}
enum mainaxissize當父容器的寬未約束,flex缺省會將自身盡可能延伸，這便是mainaxissize.max此時改為mainaxissize.min時,它不會延伸自己的區域，自會包裹內容testmainaxissize()enum textdirection這個非常好理解，不多言了}至此，flutter中的flex布局就已經完全解讀完了。
其中flutter的孩子row是direction: axis.horizontal,column是direction: axis.vertical,
其他的屬性都是類似的，相當於flex的簡化版，所以flex在手，天下我有。
Flutter必備 Flex布局完全解讀
0.前言flex布局是flutter的五虎上將之一,虎父無犬子，其子row和column也能力非凡 你有沒有被mainaxisalignment，crossaxisalignment弄得暈頭轉向,本文將助你將他們納入麾下。先看一下父子三人在flutter布局體系中的位置 多子元件布局 1.flex的...
Flutter 布局類元件 彈性布局 Flex
彈性布局允許子元件按照一定比例來分配父容器空間，flutter中的彈性布局主要通過flex和expanded來配合實現。flex元件可以沿著水平或垂直方向排列子元件，如果你知道主軸方向，使用row或column會方便一些，因為row和column都繼承自flex，引數基本相同，所以能使用flex的地...
淺嚐flutter中的flex布局
假設你已經掌握了flutter的一些基礎知識，比如環境搭建，簡單的dart語法，及flutter元件化思想。那麼你適合閱讀本篇教程，本教程演示一些flutter中的flex用法的簡單示例.在不懂height 170.0,width 100.0如何適配不同解析度的時候，只能用flex搞事情，所以咱看看...