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

概述在过去的几天里,我一直在阅读颤动的框架文档,特别是条子部分,但我不太清楚从哪里开始. 我正在尝试实现粘性标题和捕捉效果. RenderSliv​​erList可能是一个好的开始吗？我需要重新布局吗？我需要做额外的绘图吗？如果是这样的话？ 任何帮助,从哪里开始将是一个巨大的帮助,提前感谢！ 编辑：我想我现在理解了布局部分,但我无法找到绘画应该发生的地方. 编辑2：为了澄清,这是所需的“粘性标题效果” 在过去的几天里,我一直在阅读颤动的框架文档,特别是条子部分,但我不太清楚从哪里开始.
我正在尝试实现粘性标题和捕捉效果.
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

我希望这能帮到您.

总结

以上是内存溢出为你收集整理的dart – flutter实现粘性标题和对项目效果的捕捉全部内容，希望文章能够帮你解决dart – flutter实现粘性标题和对项目效果的捕捉所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。