dart - Flutter：具有多个小部件的自定义抽屉

Question

这是我上一个问题（ https://stackoverflow.com/a/52442667/10396137）的后续问题。最后一个答案帮助我拥有一个带有单个列表视图的愿望侧抽屉。但是，现在我正在尝试设计一个复杂的侧面导航，如下所示：

如您所见，我正在尝试在单个抽屉中添加多个小部件。有人可以指导我或帮助我获得欲望输出吗？提前致谢。

标签： dartflutter

Answer 1

你可以随心所欲地组合你的抽屉。一切都是一个Widget=）

Drawer(
  child: ListView(
    children: <Widget>[
      DrawerHeader(
        child: Text('Custom Header'),
        decoration: BoxDecoration(
          color: Colors.blue,
        ),
      ),
      ListTile(
        leading: Icon(Icons.photo),
        title: Text('First layout'),
      ),
      ListTile(
        title: Text('Communicate'),
        //without leading =)
      ),
      ListTile(
        leading: Icon(Icons.share),
        title: Text('Share layout'),
      )
    ],
  ),
);

例如，您可以添加 aDivider或其他内容。你可以查看官方文档https://flutter.io/cookbook/design/drawer/

享受！