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

Question

我想在导航抽屉中添加副标题和分隔符，如下图所示。

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

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

Answer 1

有一个小部件的叫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
          ],
        ),
      ),

Answer 2

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