如何解决为什么 SliverFillRemaining 膨胀得太多?
我正在尝试制作一个对其高度做出反应的 SliverAppBar,根据它是否展开显示不同的内容。
我已经基于 https://medium.com/flutter-community/flutter-sliverappbar-snap-those-headers-544e097248c0,但我遇到了一个问题:
列表末尾的空格太长了。
如果项目数量较多,则不需要移除 SliverFillRemaining,但将 numberOfItems
更改为例如3 个项目(而不是 30 个),SliverFillRemaining 是必要的。
查看此飞镖以获得代码:https://dartpad.dev/2c434ddf2d4d1e87bd4b421f0a673c2d
CustomScrollView(
physics: AlwaysScrollableScrollPhysics(),controller: _controller,slivers: [
SliverAppBar(
pinned: true,backgroundColor: Colors.grey[100],stretch: true,automaticallyImplyLeading: false,flexibleSpace: Header(
maxHeight: maxHeight,minHeight: minHeight,),collapsedHeight: minimizedHeight,expandedHeight: maxHeight - MediaQuery.of(context).padding.top,SliverList(
delegate: SliverChildBuilderDelegate(
(context,index) {
return _buildCard(index);
},childCount: numberOfItems,SliverFillRemaining(
hasScrollBody: true),// ** <-- this will add space,but too much **
],
解决方法
如果你只是增加一定高度的空间,我建议你使用 SliverToBoxAdapter:
SliverToBoxAdapter(
child: SizedBox(
height: 50,),
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。