如何在 ExpansionPanelList 中的标题之间添加间距？

Question

我是颤振的新手，并且在颤振的样式方式上有些挣扎（从没想过我会这么说，但我想念 css）。我制作了一个 ExpansionPanelList 并且我想在标题之间添加间距，以便我得到更像这样的东西：

而不是像这样将所有标题压在一起

当我在做的时候，我也想为标题添加一个框阴影（基本上，我希望它们看起来和第一张图片完全一样）。有没有简单的方法来实现这一目标？

我尝试向标头构造函数添加填充，但这只会使整个标头变大，并且没有在标头之间添加任何空间（回想起来是有道理的）。

这是我当前的代码（几乎只是一个样板列表）

Widget _buildPanel() {
    return ExpansionPanelList.radio(
      initialOpenPanelValue: null,
      expansionCallback: (int index, bool isExpanded){
        widget.store.toggleExpandable(index);
        if(widget.store.expandables.contains(true)){
          if(!widget.store.fullView){
            ExpandNotification(expand: true)..dispatch(context);
            widget.store.toggleView();
          }
        }
        else{
          if(widget.store.fullView){
            ExpandNotification(expand: false)..dispatch(context);
            widget.store.toggleView();
          }
        }

      },
      children: _data.map<ExpansionPanelRadio>((Item item) {
        return ExpansionPanelRadio(
            value: item.id,
            canTapOnHeader: true,
            headerBuilder: (BuildContext context, bool isExpanded) {
              return ListTile(
                    title: Text(item.headerValue),
              );
            },
            body: ListTile(
                title: Text(item.expandedValue),
                subtitle: Text('To delete this panel, tap the trash can icon'),
                trailing: Icon(Icons.delete),
                onTap: () {
                  setState(() {
                    _data.removeWhere((currentItem) => item == currentItem);
                  });
                }));
      }).toList(),
    );
  }

提前致谢！

Answer 1

在 headerBuilder 的返回中添加一个具有给定高度的 Divider()...