Listview中项目之间的无用间隙颤动

Posted 2021-05-06

我有一个Listview，其内容是动态的。 Listview用于显示动态小部件列表。使用以下代码填充Listview

new Container(
      color: Colors.white,
      child:
      new ListView(
        padding: EdgeInsets.all(0.0),
        children: _widgetsList.map((Widget item){
          return new Container(
            color: Colors.red,
            child: item,
          );
        }).toList(),
      ),
);

输出结果如下图所示

问题是在listview中的每个项目之间出现了一个非常小的差距，我希望将其删除。

等待你的帮助！

答案

试试这个

class Item extends StatelessWidget {
  const Item({
    Key key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(children: [
      Text(
    'YOUR TITLE',
    style: TextStyle(fontWeight: FontWeight.bold),
      ),
      Text('[e-mail]'),
      Text('Ph. 9494949494949'),
    ]);
  }
}


new Container(
      color: Colors.white,
      child:
      new ListView(
        padding: EdgeInsets.all(0.0),
        children: _widgetsList.map((Widget item){
          return new Container(
            color: Colors.red,
            child: Item(),
          );
        }).toList(),
      ),
);