时间戳

首页 > 解决方案 > Flutter：ListView 项目之间的奇怪差距

flutter - Flutter：ListView 项目之间的奇怪差距

问题描述

我对 Flutter 和 ListView 小部件有一个奇怪的问题。我可以看到我的项目之间的差距。我可以看到黑色背景。我是否缺少某些东西以使这些差距不显示？这是整个应用程序代码：

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      home: Container(
        color: Colors.black,
        child: new ListView.builder(
          itemBuilder: (BuildContext context, int index) {
            return new Container(
              color: Colors.pink.shade100,
              child: Container(
                height: 100.0,
              ),
            );
          },
          itemCount: 100,
        ),
      ),
    );
  }
}

注意间隙并不总是可见并且在滚动时会发生变化。 ListView 差距问题

标签： flutter

解决方案

我尝试运行您的代码，但列表项之间没有任何意外的填充。我目前正在使用 Flutter 2.5

您可以尝试在 ListView 上添加填充 0 并查看它是否删除了意外填充。

child: ListView.builder(
  padding: EdgeInsets.all(0.0),
  ...
),

推荐阅读