彈性布局允許子元件按照一定比例來分配父容器空間，flutter中的彈性布局主要通過flex和expanded來配合實現。
flex元件可以沿著水平或垂直方向排列子元件，如果你知道主軸方向，使用row或column會方便一些，因為row和column都繼承自flex，引數基本相同，所以能使用flex的地方基本上都可以使用row或column。flex本身功能是很強大的，它也可以和expanded元件配合實現彈性布局。flex繼承自multichildrenderobjectwidget，對應的renderobject為renderflex，renderflex中實現了其布局演算法。
flex()const expanded()import 'package:flutter/material.dart';
class flextest extends statelesswidget
}
Flutter 基礎篇（十三） 彈性布局
彈性布局，不是flutter特有的一種布局方式，在前端的各個領域中都存在，比如瀏覽器端通過flex來實現彈性布局。在flutter中，主要通過flex和expanded來實現彈性布局。flex元件可以沿著水平或垂直方向排列的子元件，如果你明確了主軸的方向，那麼更加應該使用row或column來代替f...
Flutter 基礎篇（十一） 布局元件
布局元件是指包含乙個或多個子元件的元件，不同的布局元件對子元件的排列方式不同。在前面的文章有提到，element樹才是最終的繪製樹，它是由widget樹來建立的，widget只是element的配置資料。在flutter中，根據widget是否需要包含子節點將widget分為三類，分別對應三種ele...
Flutter頁面布局之Wrap元件
wrap可以實現流布局，單行的wrap跟row表現幾乎一致，但row與column都是單行單列的，wrap則突破了這個限制，mainaxis上空間不足時，則向crossaxis上擴充套件顯示。常用屬性 屬性說明 direction 橫向縱向的排序方式 預設橫向 spacing 橫軸的間距 runsp...