天天看點

Flutter Wrap 元件實作流布局

Wrap 可以實作流布局,單行的 Wrap 跟 Row 表現幾乎一緻,單列的 Wrap 則跟 Row 表 現幾乎一緻。但 Row 與 Column 都是單行單列的,Wrap 則突破了這個限制,mainAxis 上空 間不足時,則向 crossAxis 上去擴充顯示。

<col>

屬性

說明

direction

主軸的方向,預設水準

alignment

主軸的對其方式

spacing

主軸方向上的間距

textDirection

文本方向

verticalDirection

定義了 children 擺放順序,預設是 down,見 Flex 相關屬性介紹。

runAlignment

run 的對齊方式。run 可以了解為新的行或者 列,如果是水準方向布局的話,run 可以了解 為新的一行

runSpacing

run 的間距