我有一些容器里面一个ListView这将导致可滚动内容在一个页面内。每个容器都有一个 Column 作为子容器在列中,我有一个标题和一个分隔线,然后是实际内容。
我希望其中一个容器是这样的:
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');
}
)
)
]
)
问题是我希望容器有一个特定的height,但我收到溢出像素错误。
包裹你的ListView
with Expanded
。删除你的SingleChildScrollView
因为 ListView 有自己的滚动行为。尝试如下:
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');
}
),
)
]
))
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)