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

时间:2019-12-13 17:21:47

标签: flutter dart material-design

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

Drawer

我在下面为导航抽屉编写了代码,但是找不到在哪里可以放置字幕和分隔符。

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

2 个答案:

答案 0 :(得分:3)

答案 1 :(得分:3)

有一个名为Divider的小部件 您可以简单地将除法器添加为childrens的{​​{1}}之一 对于字幕,您可以添加一个ListView小部件并设置其样式以使用Text

TextStyle