首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何使来自自定义粘性标头的标题相互粘合,而不是在颤振中重叠?

如何使来自自定义粘性标头的标题相互粘合,而不是在颤振中重叠?
EN

Stack Overflow用户
提问于 2019-08-01 08:58:54
回答 1查看 1K关注 0票数 1

我想我现在已经理解了自定义Sticky标题是如何工作的,但是我无法找到在哪里添加阻止Sticky标头重叠的功能--我想在下面的图片中实现类似的目标,但不需要头的重叠,我希望每个标头都贴在彼此下面。任何关于在哪里添加其他功能的帮助都将是一个巨大的帮助,谢谢!显示重叠粘性标头的图像

编辑:源链接

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-08-01 21:07:38

好的,逻辑很简单。只需将标题添加到列表中,将标题的子项添加到列表中即可。

因此,您可以使用以下代码来实现您的需求:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    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创建一个类,如下所示,

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
class ListCount{
  List<List<String>> data;

  ListCount(this.data);
}

通过这种方式,您可以轻松地构建标题和子列表。根据您的选择实现列表和标题的逻辑。

我希望这能满足你的要求。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57313779

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文