ListView-为什么我的小部件之间有黄色的缝隙？

Question

我正在努力理解为什么我的两个小部件之间没有黄色的空间...我正在使用使用快照创建列表的listView小部件

这是我的代码

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
          child: SingleChildScrollView(
            child: Padding(
              padding: EdgeInsets.symmetric(horizontal: 24.0),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.stretch,
                children: <Widget>[
                  Text(
                    'My least tested  groups',
                  ),
                  Container(
                    color: Colors.yellowAccent,
                    child: SchoolList(),
                  ),
                ],
              ),
            ),
          ),
        ),
    );
  }

这是小部件

class SchoolList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return StreamBuilder<QuerySnapshot>(
      stream: myStream1,
      builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
        if (snapshot.hasError) return new Text('Error: ${snapshot.error}');
        switch (snapshot.connectionState) {
          case ConnectionState.waiting:
            return new Text(
              'Loading...',
              style: kSendButtonTextStyle.copyWith(color: kColorText),
            );
          default:
            return new ListView(
              shrinkWrap: true,
              physics: ClampingScrollPhysics(),
              children:
                  snapshot.data.documents.map((DocumentSnapshot document) {
                return Container(
                    height: 100,
                    width: 100,
                    color: Colors.white,
                    child: Text('xxx'));
              }).toList(),
            );
        }
      },
    );
  }
}

谁能理解我为什么有黄色的缺口，更重要的是如何消除它？

Answer 1

我认为ListView试图为状态栏应用顶部填充。

您可以通过在padding: const EdgeInsets.all(0.0)小部件中设置ListView来删除它。