Flutter：固定高度容器内的可滚动列子项

Question

我在ListView中有几个容器，这将导致页面内的内容可滚动。每个容器都有一个列作为子项，在列中我有一个标题和一个分隔符，然后是实际内容。

---

我希望其中一个容器是这样的：

Title
--------- (divider)
Scrollable content (most likely a ListView)

---

到目前为止我所拥有的：

Container(
    height: 250,
    child: Column(children: <Widget>[
        Text('Title'),
        Divider(),
        SingleChildScrollView(
            child: ListView.builder(
                shrinkWrap: true,
                itemCount: 15,
                itemBuilder: (BuildContext context, int index) {
                    return Text('abc');
                }
            )
        )
    ]
)

---

问题是我希望容器具有特定的高度，但出现溢出像素错误。

Answer 1

用 包裹你ListView的Expanded。删除你的SingleChildScrollView列表视图有它自己的滚动行为。尝试如下：

Container(
height: 250,
child: Column(children: <Widget>[
    Text('Title'),
    Divider(),
    Expanded(
      
        child: ListView.builder(
            shrinkWrap: true,
            itemCount: 15,
            itemBuilder: (BuildContext context, int index) {
                return Text('abc');
            }
        ),
    
    )
]
))