修改默认的 ExpansionTile 子项垂直填充 Flutter答案

【问题标题】：Modifying the default ExpansionTile children vertical padding Flutter修改默认的 ExpansionTile 子项垂直填充 Flutter
【发布时间】：2020-09-12 13:03:05
【问题描述】：

如何减少 ExpansionTile 子级之间的垂直填充：

这是内联小部件代码：

Expanded(
    child: ListView(
        padding: EdgeInsets.all(0.0) ,
        primary: true,
        shrinkWrap: true,
        children: <Widget>[
            ExpansionTile(
                title: Text("Categories"),
                children: [
                    CheckboxListTile(
                        controlAffinity: ListTileControlAffinity.trailing,
                        title: Text( "Cars", maxLines: 1, ),
                      ),
                    CheckboxListTile(
                        controlAffinity: ListTileControlAffinity.trailing,
                        title: Text("Veichle", maxLines: 1, ),
                      ),
                    ],
                initiallyExpanded: true,
                ),
        ],
    ),
),

【问题讨论】：

标签： flutter widget flutter-layout

【解决方案1】：

通过在每个 ExpansionTile 之前添加一个 ListTileTheme 并制作 dense: true,
它会让 Padding 更“合理”

Expanded(
    child: ListView(
        padding: EdgeInsets.all(0.0) ,
        primary: true,
        shrinkWrap: true,
        children: <Widget>[
           ListTileTheme(
           dense: true,
           child: ExpansionTile(
                title: Text("Categories"),
                children: [
                    CheckboxListTile(
                        controlAffinity: ListTileControlAffinity.trailing,
                        title: Text( "Cars", maxLines: 1, ),
                      ),
                    CheckboxListTile(
                        controlAffinity: ListTileControlAffinity.trailing,
                        title: Text("Veichle", maxLines: 1, ),
                      ),
                    ],
                initiallyExpanded: true,
                ),
          ),
        ],
    ),
)

【讨论】：