dart – flutter实现粘性标题和对项目效果的捕捉

发布时间：2020-12-14 14:56:25 所属栏目：百科来源：网络整理

导读：在过去的几天里,我一直在阅读颤动的框架文档,特别是条子部分,但我不太清楚从哪里开始. 我正在尝试实现粘性标题和捕捉效果. RenderSliv??erList可能是一个好的开始吗？我需要重新布局吗？我需要做额外的绘图吗？如果是这样的话？任何帮助,从哪里开始将是一个

在过去的几天里,我一直在阅读颤动的框架文档,特别是条子部分,但我不太清楚从哪里开始.
我正在尝试实现粘性标题和捕捉效果.
RenderSliv??erList可能是一个好的开始吗？我需要重新布局吗？我需要做额外的绘图吗？如果是这样的话？

任何帮助,从哪里开始将是一个巨大的帮助,提前感谢！

编辑：我想我现在理解了布局部分,但我无法找到绘画应该发生的地方.

编辑2：为了澄清,这是所需的“粘性标题效果”：

How can I make sticky headers in RecyclerView? (Without external lib)

这是“快照”效果：

https://rubensousa.github.io/2016/08/recyclerviewsnap

解决方法

对于“粘性标题效果”我自己遇到了这个问题,所以我创建了这个包来管理带有条子的粘性标题： https://github.com/letsar/flutter_sticky_header

要使用它,您必须在CustomScrollView中为每个部分创建一个SliverStickyHeader.

一节可以这样写：

new SliverStickyHeader(
  header: new Container(
    height: 60.0,color: Colors.lightBlue,padding: EdgeInsets.symmetric(horizontal: 16.0),alignment: Alignment.centerLeft,child: new Text(
      'Header #0',style: const TextStyle(color: Colors.white),),sliver: new SliverList(
    delegate: new SliverChildBuilderDelegate(
      (context,i) => new ListTile(
            leading: new CircleAvatar(
              child: new Text('0'),title: new Text('List tile #$i'),childCount: 4,);

如果需要,上面演示的完整源代码如下：https://github.com/letsar/flutter_sticky_header/blob/master/example/lib/main.dart

我希望这能帮到您.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!