【问题标题】:How to create a show more section for list tile?如何为列表图块创建显示更多部分?
【发布时间】:2021-10-12 09:34:43
【问题描述】:

我有一个列表图块,它最初看起来像这样:

我想要的是,当我点击它时,它会展开并显示更多信息,如下所示:

那么是否有任何小部件可以用于此操作,还是我必须手动完成?

【问题讨论】:

  • 您可以使用setState手动展开它
  • 参考我的回答here

标签: flutter dart


【解决方案1】:

只需使用 Flutter 原生支持的 ExpansionTileofficial documentation

【讨论】:

    【解决方案2】:

    是的,您可以通过使用包Expandable 小部件来实现这一点,试试这个你会得到你的要求。

    【讨论】:

      【解决方案3】:

      扩展组可以轻松帮助您: https://pub.dev/packages/expandable_group

      -> Use expansion Tile
      ExpansionTile(
                title: Text('ExpansionTile 1'),
                subtitle: Text('Trailing expansion arrow icon'),
                children: <Widget>[
                  ListTile(title: Text('This is tile number 1')),
                ],
              ),
      
      ->Create ListView with Divider
      ListView.separated(
        itemCount: count,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text('$index Title'),
          );
        },
        separatorBuilder: (context, index) {
          return Column(children:[]);
        },
       )
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2023-01-10
        • 1970-01-01
        • 2023-03-22
        • 2019-06-23
        • 2019-02-27
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多