如何在颤动的抽屉中添加分隔符和字幕答案

【问题标题】：How to add divider & Subtitle in drawer in flutter如何在颤动的抽屉中添加分隔符和字幕
【发布时间】：2020-04-07 04:17:57
【问题描述】：

我想在导航抽屉中添加字幕和分隔符，如下图屏幕截图所示。

我已经为导航抽屉编写了下面的代码，但无法找到可以放置字幕和分隔符的位置。

drawer: Drawer(
        child: ListView(
          padding: EdgeInsets.zero,
          children: const <Widget>[
            DrawerHeader(
              decoration: BoxDecoration(
                color: Colors.blue,
              ),
              child: Text(
                'Drawer Header',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 24,
                ),
              ),
            ),
            ListTile(
              leading: Icon(Icons.message),
              title: Text('Messages'),
            ),
            ListTile(
              leading: Icon(Icons.account_circle),
              title: Text('Profile'),
            ),
            ListTile(
              leading: Icon(Icons.settings),
              title: Text('Settings'),
            ),
          ],
        ),
      ),

【问题讨论】：

标签： flutter dart material-design

【解决方案1】：

有一个名为Divider 的小部件您可以简单地将 Divider 添加为 childrens 的 ListView 之一对于字幕，您可以添加 Text 小部件并设置样式以使用 TextStyle 来查看您需要的外观

drawer: Drawer(
        child: ListView(
          padding: EdgeInsets.zero,
          children: const <Widget>[
            DrawerHeader(...),
            Divider(), //here is a divider
            Text("subtitle", style: TextStyle(...)),
            ListTile(...),
            ListTile(...),
            Divider(), //here is a divider
            ListTile(...),
            //rest of your items
          ],
        ),
      ),

【讨论】：

【解决方案2】：

您可以使用 Divider wigdet https://api.flutter.dev/flutter/material/Divider-class.html

【讨论】：

【解决方案3】：

只需在每个ListTile 中提供一个Divider()，您想在其中添加细线即可。

【讨论】：