dart - Flutter:带有多个小部件的自定义抽屉

Question

这是我之前问题 ( https://stackoverflow.com/a/52442667/10396137 ) 的后续问题。最后一个答案帮助我有了一个带有单个 ListView 的侧抽屉。然而，现在我正在尝试设计一个复杂的侧边导航，如下所示:

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

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'),
      )
    ],
  ),
);

例如，您可以添加一个 Divider 或其他东西。可以查看官方文档https://flutter.io/cookbook/design/drawer/

尽情享受吧!