代码之家  ›  专栏  ›  技术社区  ›  Cyrus the Great

当中间图标不显示时,如何删除图标之间的空格

  •  0
  • Cyrus the Great  · 技术社区  · 6 年前

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

    enter image description here

    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(),
    

    当中间图标不显示时,如何删除这些空间?

    1 回复  |  直到 6 年前
        1
  •  2
  •   Sachin Bhankhar    6 年前

    最简单的解决方法是使用 MainAxisAlignment.start Column spaceBetween 然后使用小部件列表并基于 iconsModel[any].selected