Dart flatter：具有多个小部件的自定义抽屉

这是我上一个问题（）的后续问题。最后一个答案帮助我拥有了一个带有单listview的desire侧抽屉。但是，现在我正在尝试设计一个复杂的侧面导航，如下所示：

---

如您所见，我正试图在一个抽屉中添加多个小部件。请有人引导我或帮助我获得欲望的输出。提前谢谢。

你可以随心所欲地创作你的抽屉。一切都是一个

小部件

=）

抽屉(
子：ListView(
儿童：[
抽屉阅读器(
子项：文本（“自定义标题”），
装饰：盒子装饰(
颜色：颜色，蓝色，
),
),
列表砖(
领先：图标（Icons.photo），
标题：文本（“第一个布局”），
),
列表砖(
标题：文本（“通信”），
//不带前导=）
),
列表砖(
前导：图标（Icons.share），
标题：文本（“共享布局”），
)
],
),
);

例如，您可以添加一个

分隔符

或其他内容。你可以查阅官方文件

---

享受吧

你可以随心所欲地创作你的抽屉。一切都是一个

小部件

=）

抽屉(
子：ListView(
儿童：[
抽屉阅读器(
子项：文本（“自定义标题”），
装饰：盒子装饰(
颜色：颜色，蓝色，
),
),
列表砖(
领先：图标（Icons.photo），
标题：文本（“第一个布局”），
),
列表砖(
标题：文本（“通信”），
//不带前导=）
),
列表砖(
前导：图标（Icons.share），
标题：文本（“共享布局”），
)
],
),
);

例如，您可以添加一个

分隔符

或其他内容。你可以查阅官方文件

---

享受吧

这是我的代码，现在您只需更改requirement小部件并明智地使用它

出票人： 抽屉(

child:容器(
颜色：Colors.orangeacent，
子：ListView(
儿童：[
UserAccountsDrawerHeader(
accountName:Text（“Akash Kumar”，样式：TextStyle（颜色：Colors.orangeacent）），
帐户电子邮件：文本（“akashsingh@gmail.com，样式：TextStyle（颜色：Colors.orangeacent）），
currentAccountPicture:CircleAvatar(
背景图片：AssetImage（'images/Capture.PNG'），
),
装饰：盒子装饰（颜色：彩色。白色），
),
列表砖(
前导：常量图标（图标。向上趋势），
标题：文本（“趋势新闻”，样式：TextStyle（颜色：Colors.white）），
),
列表砖(
前导：常量图标（图标。收藏夹边框），
标题：文本（“最喜欢的新闻！”，样式：TextStyle（颜色：Colors.white）），
),
列表砖(
前导：常量图标（图标、设置和应用程序），
标题：文本（“设置”，样式：TextStyle（颜色：Colors.white）），
),
常量分隔符（），
列表砖(
前导：常量图标（图标。退出到应用程序），
标题：文本（“注销！”，样式：TextStyle（颜色：Colors.white）），
),
],
),
),
),

这是我的代码，现在您只需更改requirement小部件并明智地使用它

出票人： 抽屉(

child:容器(
颜色：Colors.orangeacent，
子：ListView(
儿童：[
UserAccountsDrawerHeader(
accountName:Text（“Akash Kumar”，样式：TextStyle（颜色：Colors.orangeacent）），
帐户电子邮件：文本（“akashsingh@gmail.com，样式：TextStyle（颜色：Colors.orangeacent）），
currentAccountPicture:CircleAvatar(
背景图片：AssetImage（'images/Capture.PNG'），
),
装饰：盒子装饰（颜色：彩色。白色），
),
列表砖(
前导：常量图标（图标。向上趋势），
标题：文本（“趋势新闻”，样式：TextStyle（颜色：Colors.white）），
),
列表砖(
前导：常量图标（图标。收藏夹边框），
标题：文本（“最喜欢的新闻！”，样式：TextStyle（颜色：Colors.white）），
),
列表砖(
前导：常量图标（图标、设置和应用程序），
标题：文本（“设置”，样式：TextStyle（颜色：Colors.white）），
),
常量分隔符（），
列表砖(
前导：常量图标（图标。退出到应用程序），
标题：文本（“注销！”，样式：TextStyle（颜色：Colors.white）），
),
],
),
),
),

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

          child: Container(
            color: Colors.orangeAccent,
                      child: ListView(
              
              children: <Widget>[
                
                UserAccountsDrawerHeader(
                  
                  accountName: Text("Akash Kumar", style: TextStyle(color: Colors.orangeAccent)),
                  accountEmail: Text("akashsingh@gmail.com", style: TextStyle(color: Colors.orangeAccent)),
                  currentAccountPicture: CircleAvatar(
                    backgroundImage: AssetImage('images/Capture.PNG'),
                  ),
                  decoration: BoxDecoration(color: Colors.white),
                ),
                ListTile(
                  leading: const Icon(Icons.trending_up),
                  title: Text("Trending News", style: TextStyle(color: Colors.white)),
                ),
                ListTile(
                  leading: const Icon(Icons.favorite_border),
                  title: Text("Favorite News!", style: TextStyle(color: Colors.white)),
                ),
                ListTile(
                  leading: const Icon(Icons.settings_applications),
                  title: Text("Settings", style: TextStyle(color: Colors.white)),
                ),
                const Divider(),
                ListTile(
                  leading: const Icon(Icons.exit_to_app),
                  title: Text("Logout!", style: TextStyle(color: Colors.white)),
                ),
              ],
            ),
          ),
        ),