如何删除 ListView 中卡片之间的空格?

Posted

技术标签:

【中文标题】如何删除 ListView 中卡片之间的空格?【英文标题】:How can I remove spaces between Cards in ListView? 【发布时间】:2021-11-23 17:06:26 【问题描述】:

我正在研究颤振,我想在 ListView 中展示一些卡片,我成功了。

然后我想摆脱卡片之间的水平空间,我搜索并找到了一些解决方案,但没有一个有效。

如何删除空格?

ListTile(
            title:Text("   Board list"),
            tileColor: Color(COLOR_PRIMARY2),
          ),
          for(Board myBoard in boardDataList)
            BoardSelector(myBoard.boardId), //a class draws card
          ],

谢谢。

【问题讨论】:

【参考方案1】:

我认为您的卡片类有问题,请尝试通过添加 EdgeInsets.zero

来删除任何填充属性

【讨论】:

我解决了!非常感谢你。 很高兴为您提供帮助!【参考方案2】:

我通过如下修改代码解决了这个问题:

 return Card( 
      margin : EdgeInsets.all(1.0),
      child:
      ListTile(

谢谢。

【讨论】:

【参考方案3】:

我想你设置了margin: EdgeInsets.zero,你参考EdgeInsets官方文档类here和EdgeInsets.zerohere希望它对你有所帮助

      Card(
          margin: EdgeInsets.zero,
          child://Your Widget
        ),

【讨论】:

以上是关于如何删除 ListView 中卡片之间的空格?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Bootstrap 卡片元素之间添加空格?

如何仅操作 ListView.builder 的一个元素

如何在 ListView.Builder 中右对齐卡片中的行?

如何迭代 ListView 项目以转换为卡片

Flutter:如何在 Listview 中删除行之间的空间

listview 不使用 setState 更新