我想我现在已经理解了自定义Sticky标题是如何工作的,但是我无法找到在哪里添加阻止Sticky标头重叠的功能--我想在下面的图片中实现类似的目标,但不需要头的重叠,我希望每个标头都贴在彼此下面。任何关于在哪里添加其他功能的帮助都将是一个巨大的帮助,谢谢!显示重叠粘性标头的图像!
编辑:源链接
发布于 2019-08-01 21:07:38
好的,逻辑很简单。只需将标题添加到列表中,将标题的子项添加到列表中即可。
因此,您可以使用以下代码来实现您的需求:
List<Widget> _buildStickySliverListTest(ListCount sliverList) {
var widgetList = List<Widget>();
for (int index = 0; index < sliverList.data.length; index++) {
widgetList
..add(
SliverAppBar(
automaticallyImplyLeading: false,
title: Text("Header $index"),
pinned: true,
),
)
..add(
SliverFixedExtentList(
itemExtent: 50.0,
delegate:
SliverChildBuilderDelegate((BuildContext context, int index) {
return Container(
alignment: Alignment.center,
color: Colors.lightBlue[100 * (index % 9)],
child: Text('Sublist item $index'),
);
}, childCount: sliverList.data[index].length),
),
);
}
return widgetList;
}
@override
Widget build(BuildContext context) {
var list1=["a","b","c"];
var list2=["a","b","c","d","e"];
var list3=["a","b"];
var list4=["a","b","c","d"];
var data=[list1,list2,list3,list4];
var sliverList=ListCount(data);
return Scaffold(
appBar: AppBar(
title: Text("Sticky Sliver List"),
),
body: CustomScrollView(
slivers: _buildStickySliverListTest(sliverList),
),
);
}
另外,为ListCount创建一个类,如下所示,
class ListCount{
List<List<String>> data;
ListCount(this.data);
}
通过这种方式,您可以轻松地构建标题和子列表。根据您的选择实现列表和标题的逻辑。
我希望这能满足你的要求。
https://stackoverflow.com/questions/57313779
复制相似问题