Flutter：自定义抽屉小部件_flutter 抽屉

Flutter 中的O WIDGET Drawer 提供了一种在应用程序中显示侧边菜单的方法。它通常用于移动应用程序中，以提供对其他特性和功能的快速访问。它通常显示在屏幕的左侧，可以通过特定的图标或手势访问，例如点击菜单按钮。激活后，抽屉滑到当前内容上方的屏幕上，显示菜单项列表。因此，在最近的一个项目中，我决定在 Flutter 中创建一个包，其中包含各种自定义小部件，其中之一是 Drawer。

首先，创建一个简单的模型类，它代表抽屉中的一个菜单项，具有以下属性：

title : 菜单项的标题；

icon : 显示在菜单项标题旁边的图标；

route：菜单项在点击时应导航到的路线；children：可选的对象列表，表示此菜单项的子项。

class MenuItem {
  final String title;
  final IconData icon;
  final String? route;
  final List<MenuItem>? children;

  const MenuItem({
    required this.title,
    required this.icon,
    this.route,
    this.children = const [],
  });
}
1
2
3
4
5
6
7
8
9
10
11
12
13

ComponentDrawer 类是一个 Flutter 小部件，它代表一个带有自定义标题和菜单项列表的自定义抽屉。它继承自StatelessWidget，不维护内部状态，即不保留任何内部状态࿰