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

前端之家收集整理的这篇文章主要介绍了dart – flutter实现粘性标题和对项目效果的捕捉前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_301_3@
在过去的几天里,我一直在阅读颤动的框架文档,特别是条子部分,但我不太清楚从哪里开始.
我正在尝试实现粘性标题和捕捉效果.
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

我希望这能帮到您.

@H_301_3@

猜你在找的Flutter相关文章