如何在抽屉中添加多级可扩展菜单

发布于 2025-01-11 21:09:17 字数 814 浏览 0 评论 0原文

我试图找到一种方法来向这个抽屉添加子菜单并点击折叠它们。即：我想用一个标题和 3 个副标题来调用这个小部件，例如：

Flutter
- 列出项目
- 列出项目
- 列出项目

任何帮助将不胜感激。谢谢。

    class DrawerListTile extends StatelessWidget {
  const DrawerListTile({
    Key key, @required this.title,@required this.svgSrc,@required this.press,
  }) : super(key: key);

  final String title,svgSrc;
  final VoidCallback press;
  @override
  Widget build(BuildContext context) {
    return ListTile(
      onTap:press,
      horizontalTitleGap: 0.0,
      leading: SvgPicture.asset(
        svgSrc,
        color: Colors.black,
        height:16,
      ),
      title:Text(
        title,
        style: TextStyle(color: Colors.black),
      ),
      trailing: Icon(Icons.arrow_drop_down,size:15),
    );
  }
}

原文

I was trying to find a way to add sub-menus to this drawer and to collapse them on tap.
Ie: I want to call this widget with a title and 3 subtitles like :

Flutter
- List item
- List item
- List item

Any help would be appreciated.
Thank you.

    class DrawerListTile extends StatelessWidget {
  const DrawerListTile({
    Key key, @required this.title,@required this.svgSrc,@required this.press,
  }) : super(key: key);

  final String title,svgSrc;
  final VoidCallback press;
  @override
  Widget build(BuildContext context) {
    return ListTile(
      onTap:press,
      horizontalTitleGap: 0.0,
      leading: SvgPicture.asset(
        svgSrc,
        color: Colors.black,
        height:16,
      ),
      title:Text(
        title,
        style: TextStyle(color: Colors.black),
      ),
      trailing: Icon(Icons.arrow_drop_down,size:15),
    );
  }
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

╰つ倒转 2025-01-18 21:09:17

我认为 ExpansionTile 小部件就是您正在寻找的。
这将提供一个在点击时隐藏/显示子图块的图块。您还可以使用 trailing 参数指定自定义尾随图标。下面是从文档中提取的一个简单示例。

Widget build(BuildContext context) {
    return ExpansionTile(
        title: Text('ExpansionTile'),
        subtitle: Text('Expanding tile subtitle'),
        children: <Widget>[
          ListTile(title: Text('This is tile number 1')),
          ListTile(title: Text('This is tile number 2')),
          ListTile(title: Text('This is tile number 3')),
          ListTile(title: Text('This is tile number 4')),
        ],
    );
}

I think the ExpansionTile widget is what you're looking for.
This would provide a tile that hides/shows the child tiles when it's tapped. You can also specify a custom trailing icon with the trailing parameter. Below is a quick example pulled from the docs.

Widget build(BuildContext context) {
    return ExpansionTile(
        title: Text('ExpansionTile'),
        subtitle: Text('Expanding tile subtitle'),
        children: <Widget>[
          ListTile(title: Text('This is tile number 1')),
          ListTile(title: Text('This is tile number 2')),
          ListTile(title: Text('This is tile number 3')),
          ListTile(title: Text('This is tile number 4')),
        ],
    );
}

回复收藏 0 原文

~没有更多了~