【问题标题】:How to adjust the spacing between items inside a Flutter ListView Widget如何调整 Flutter ListView Widget 内项目之间的间距
【发布时间】:2021-05-28 00:50:51
【问题描述】:

如何减少 Flutter 中 ListViewTile Widget 内的尾随、标题/副标题和前导项之间的间距?

【问题讨论】:

    标签: flutter flutter-layout flutter-listview


    【解决方案1】:
    visualDensity: VisualDensity.compact,
    

    有助于减少行中 ListItems 之间的填充

    【讨论】:

      【解决方案2】:
      width: MediaQuery.of(context).size.width 
      

      这将帮助您解决错误。发生这种情况是因为字幕溢出了容器宽度。因此,将容器宽度设置为我上面提到的线。

      【讨论】:

      • 嗨,谢谢。容器位于侧抽屉内,因此占用全宽会破坏我的布局..
      【解决方案3】:

      尝试在您的 ListView 项目中使用灵活小部件

      【讨论】:

      • 我试过没有效果。有一点帮助的是用 Wrap Widget 放置尾随图标并放置负间距值..
      【解决方案4】:

      有一个新属性添加到 ListTile,它正在做这项工作:

      horizontalTitleGap: value(double),
      

      【讨论】: