title: How to remove space between expanded ExpansionPanels in ExpansionPanelList?
body: <p>This is an example code for <code>ExpansionPanelList</code></p>
  <pre><code>import 'package:flutter/material.dart';
  
  void main() =&gt; runApp(const MyApp());
  
  class MyApp extends StatelessWidget {
    const MyApp({Key? key}) : super(key: key);
  
    static const String _title = 'Flutter Code Sample';
  
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        title: _title,
        home: Scaffold(
          appBar: AppBar(title: const Text(_title)),
          body: const MyStatefulWidget(),
        ),
      );
    }
  }
  
  // stores ExpansionPanel state information
  class Item {
    Item({
      required this.expandedValue,
      required this.headerValue,
      this.isExpanded = false,
    });
  
    String expandedValue;
    String headerValue;
    bool isExpanded;
  }
  
  List&lt;Item&gt; generateItems(int numberOfItems) {
    return List&lt;Item&gt;.generate(numberOfItems, (int index) {
      return Item(
        headerValue: 'Panel $index',
        expandedValue: 'This is item number $index',
      );
    });
  }
  
  class MyStatefulWidget extends StatefulWidget {
    const MyStatefulWidget({Key? key}) : super(key: key);
  
    @override
    State&lt;MyStatefulWidget&gt; createState() =&gt; _MyStatefulWidgetState();
  }
  
  class _MyStatefulWidgetState extends State&lt;MyStatefulWidget&gt; {
    final List&lt;Item&gt; _data = generateItems(8);
  
    @override
    Widget build(BuildContext context) {
      return SingleChildScrollView(
        child: Container(
          child: _buildPanel(),
        ),
      );
    }
  
    Widget _buildPanel() {
      return ExpansionPanelList(
        expansionCallback: (int index, bool isExpanded) {
          setState(() {
            _data[index].isExpanded = !isExpanded;
          });
        },
        children: _data.map&lt;ExpansionPanel&gt;((Item item) {
          return ExpansionPanel(
            headerBuilder: (BuildContext context, bool isExpanded) {
              return ListTile(
                title: Text(item.headerValue),
              );
            },
            body: ListTile(
                title: Text(item.expandedValue),
                subtitle:
                    const Text('To delete this panel, tap the trash can icon'),
                trailing: const Icon(Icons.delete),
                onTap: () {
                  setState(() {
                    _data.removeWhere((Item currentItem) =&gt; item == currentItem);
                  });
                }),
            isExpanded: item.isExpanded,
          );
        }).toList(),
      );
    }
  }
  </code></pre>
  <p>And it gives the following result:</p>
  <p><a href="https://i.stack.imgur.com/orXvY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/orXvY.png" alt="enter image description here" /></a></p>
  <p>As you see there is grey space between <code>Panel 0</code> and <code>Panel 1</code>, and between <code>Panel 1</code> and <code>Panel 2</code>. Could anyone say how to remove this space, if it is possible?</p>