列表视图抖动中项目之间出现不需要的间隙

Question

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

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

输出如下图所示

问题是列表视图中的每个项目之间出现了一个非常小的间隙，我想将其删除。

等待您的帮助！

Answer 1

尝试这个

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('youremail@mail.com'),
      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(),
      ),
);