未显示中间图标时如何删除图标之间的空格答案

【问题标题】：How to remove spaces between icons when middle icons is not shown未显示中间图标时如何删除图标之间的空格
【发布时间】：2020-07-12 10:18:39
【问题描述】：

我在列中有 4 个图标，我不想在某些情况下显示 2 个中间图标，但它们的空间仍然存在。

我想删除那些空间：

return Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        iconsModel[0].selected // decide to show icon or not
            ? Container(
                child:Image.asset(
                        iconsModel[0].iconAdress,
                        fit: BoxFit.cover,
                        color: widget.currentColorRow.withOpacity(0.5),
                      ),
              )
            : Container(),
        iconsModel[1].selected // decide to show icon or not
            ? Container(
                child:Image.asset(
                        iconsModel[1].iconAdress,
                        fit: BoxFit.cover,
                        color: widget.currentColorRow.withOpacity(0.5),
                      ),
              )
            : Container(),
        iconsModel[2].selected // decide to show icon or not
            ? Container(
                child:Image.asset(
                        iconsModel[2].iconAdress,
                        fit: BoxFit.cover,
                        color: widget.currentColorRow.withOpacity(0.5),
                      ),
              )
            : Container(),
        iconsModel[3].selected // decide to show icon or not
            ? Container(
                child:Image.asset(
                        iconsModel[3].iconAdress,
                        fit: BoxFit.cover,
                        color: widget.currentColorRow.withOpacity(0.5),
                      ),
              )
            : Container(),

中间的图标不显示时如何删除这些空间？

【问题讨论】：

标签： flutter flutter-layout

【解决方案1】：

最简单的解决方案是在Column 上使用MainAxisAlignment.start 但是如果你想要spaceBetween 然后使用小部件列表并根据iconsModel[any].selected 从其中添加/删除项目。

【讨论】：