如何在Flutter中绘制可展开和可折叠的侧边栏菜单？

Question

虽然我是 Flutter 的新手，但现在正在克隆我在 Internet 上看到的网站的可扩展和可折叠侧边栏菜单。

我的尝试

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  final appTitle = 'Drawer Demo';

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: appTitle,
      home: MyHomePage(title: appTitle),
    );
  }
}

class MyHomePage extends StatelessWidget {
  final String title;

  MyHomePage({Key key, this.title}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(title)),
      body: Center(child: Text('Dashboard')),
      drawer: Drawer(
  child: ListView(
    children: <Widget>[
      Text('Dashboard'),
      ExpansionTile(
        title: Text("User management"),
        children: <Widget>[Text("Users"), 
        Text("Add user"),
        Text("Migrate users")
        ],
      ),
      ExpansionTile(
        title: Text("Remittance management"),
        children: <Widget>[Text("Add remittance"), 
        Text("Trace remittance"),
        Text("Remittance history"),
        Text("Search remittances"),
        Text("Online remittance requests")
        ],
      )
    ],
  ),
),
    );
  }
}

代码输出

需要输出

亲爱的会员，有什么帮助吗？

提前致谢。

Answer 1

使用 ExpansionPanelList() 包装您的 ExpansionPanels

尽管我想实现 ExpansionTitle 小部件，但上面提到的这个替代小部件让我搜索它并在下面找到这个 GitHub link 实现 ExpansionPanelList 小部件我想要的方式。

这是 link： https://github.com/jaggerwang/flutter-in-practice

如何在Flutter中绘制可展开和可折叠的侧边栏菜单？

How to draw expandable and collapsible sidebar menu in Flutter?

flutter

navigation-drawer

expansion

我的尝试

代码输出

需要输出