【问题标题】: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,
                    ),
              ),
            ],
        ),
    )
    

    【讨论】:

      猜你喜欢
      • 2021-04-04
      • 1970-01-01
      • 2019-07-09
      • 2022-11-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-07-18
      • 2021-08-24
      相关资源
      最近更新 更多