Flutter-删除ListView中项目之间的空间

时间:2018-10-22 15:19:45

标签: android ios flutter padding

我正在使用ListView.builder函数创建项目列表。但是,iOS中每个项目之间的空间很大(屏幕截图)。您知道如何删除物品吗?看来这是默认设置,因为我没有添加它。

代码:

ListView:

return Scaffold(
    body: ListView.builder(
          itemCount: data.length,
          itemBuilder: (context, index) {
            final model = data[index];
            if (model.path.isEmpty)
              return Divider(color: Colors.grey[500], indent: 40.0);
            else
              return ItemMenu(model.path, model.name);
          }),

);

项目:

return Row(
  crossAxisAlignment: CrossAxisAlignment.center,
  mainAxisAlignment: MainAxisAlignment.start,
  children: <Widget>[
    Image.asset(path, width: 100, height: 100,color: Colors.grey[500]),
    Text(name, style: MyTextTheme().getLightSmallGrey().copyWith(fontSize: 20.0, fontWeight: FontWeight.w700))
  ],
);

iOS Simulator screenshot

2 个答案:

答案 0 :(得分:0)

如果您将ListTile小部件用作ListView项,则可以添加density = true选项:

ListView(
  children: [
    ListTile(
      dense: true,
      ...
    ),
    ListTile(
      dense: true,
      ...
    ),
  ]
),

答案 1 :(得分:0)

我刚刚解决了该问题,但是在具有“ fit”属性的图像网络中:Boxfit.cover / fill