Wrap
不能包含 Expanded
小部件,因此是否有另一种方法可以使其子级根据所需的最小宽度进行布局,然后使用 spaceBetween
使其填充空间,仅相对于指定的 spacing
进行拉伸
?
|---item---| |--item--|
|--------item---------|
而不是
|-item-| |-item-|
|-item-|
有一个名为 separated_row 的包。就是为此而生的。
您所要做的就是:
在其
separatorBuilder
参数中提供分隔符小部件(例如填充)。
将每个子项包装在
Expanded
小部件中。
SeparatedRow(
separatorBuilder: (context, index) => Divider(),
children: <Widget>[
Expanded(
child: Text("Item 1"),
),
Expanded(
child: Text("Item 2"),
),
],
)
您还可以将其
includeOuterSeparators
参数设置为 true
以在开头和结尾添加分隔符。