根据最小尺寸包裹小部件,然后拉伸它们以填充可用宽度

问题描述 投票:0回答:2

Wrap
不能包含
Expanded
小部件,因此是否有另一种方法可以使其子级根据所需的最小宽度进行布局,然后使用
spaceBetween
使其填充空间,仅相对于指定的
spacing 进行拉伸

|---item---| |--item--|
|--------item---------|

而不是

|-item-|       |-item-|
|-item-|            
flutter flutter-layout
2个回答
0
投票

如果有人仍面临实现上述结果的问题,请检查此插件。还要关注这个flutter问题


-2
投票

有一个名为 separated_row 的包。就是为此而生的。

您所要做的就是:

  • 在其

    separatorBuilder
    参数中提供分隔符小部件(例如填充)。

  • 将每个子项包装在

    Expanded
    小部件中。

    SeparatedRow(
      separatorBuilder: (context, index) => Divider(),
      children: <Widget>[
        Expanded(
          child: Text("Item 1"),
        ),
        Expanded(
          child: Text("Item 2"),
        ),
      ],
    )
    

您还可以将其

includeOuterSeparators
参数设置为
true
以在开头和结尾添加分隔符。

© www.soinside.com 2019 - 2024. All rights reserved.