Flutter 如何在Flatter中的抽屉中创建组合的可滚动列表

我不希望抽屉里有一个文本小部件和列表的组合。此内容应可滚动

以下是我的源代码：

返回抽屉(
儿童：扩大(
子：列(
儿童：[
AppBar（标题：文本（“测试”），），
Text（'示例1:'），
ListView.separated(
滚动方向：轴垂直，
收缩膜：对，
itemCount:_brands.length，
itemBuilder:（构建上下文，int索引）{
返回列表块(
....);
},
separatorBuilder：（BuildContext上下文，int索引）=>
常数分隔器（高度：5），
),
文本（'另一标题'）
],
),
),
);您可以在扩展的小部件中使用具有listview位置的单个列

返回抽屉(
子：列(
儿童：[
AppBar（），
扩大(
子项：ListView.separated(
滚动方向：轴垂直，
收缩膜：对，
物品计数：100，
itemBuilder：（上下文，索引）{
返回文本（index.toString（））；
},
separatorBuilder：（BuildContext上下文，int索引）=>
常数分隔器（高度：5），
),
),
],
),
);

yeilds
简而言之，您可以使用扩展的

小部件包装您的列表视图，它将填满所有可用空间，但您可以滚动它。在另一种情况下，您应该使用

容器

包装ListView，并设置

高度

属性

例如：

Drawer(
        child: Column(
          children: <Widget>[
            AppBar(title: Text('Test'),),
            Text('Example 1:'),
            Expanded(
              child: ListView.separated(
                scrollDirection: Axis.vertical,
                shrinkWrap: true,
                itemCount: List.generate(100, (index) => index).length,
                itemBuilder: (BuildContext context, int index) {
                  return ListTile(leading: Text("$index"),);
                },
                separatorBuilder: (BuildContext context, int index) =>
                const Divider(height: 5),
              ),
            ),
            Text('Another heading')
          ],
        ),
      ),

抽屉(
子：列(
儿童：[
AppBar（标题：文本（“测试”），），
Text（'示例1:'），
扩大(
子项：ListView.separated(
滚动方向：轴垂直，
收缩膜：对，
itemCount:List.generate（100，（index）=>index）.length，
itemBuilder:（构建上下文，int索引）{
返回ListTile（前导：文本（“$index”），）；
},
separatorBuilder：（BuildContext上下文，int索引）=>
常数分隔器（高度：5），
),
),
文本（'另一标题'）
],
),
),