![7d4fc0fa1be3f03ddedd8e9935b87d16.png](https://i-blog.csdnimg.cn/blog_migrate/ddf475d5370f80653c78d8323cc43c90.jpeg)
前言
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。
IT界著名的尼古拉斯·高尔包曾说:轮子是IT进步的阶梯!热门的框架千篇一律,好用轮子万里挑一!Flutter作为这两年开始崛起的跨平台开发框架,其第三方生态相比其他成熟框架还略有不足,但轮子的数量也已经很多了。本系列文章挑选日常app开发常用的轮子分享出来,给大家提高搬砖效率,同时也希望flutter的生态越来越完善,轮子越来越多。
本系列文章准备了超过50个轮子推荐,工作原因,尽量每1-2天出一篇文章。
tip:本系列文章合适已有部分flutter基础的开发者,入门请戳:flutter官网
正文
轮子
- 轮子名称:sticky_headers
- 轮子概述:flutter给滚动内容添加粘性header组件.
- 轮子作者:fluttercommunity.dev(官方)
- 推荐指数:★★★★
- 常用指数:★★★★
- 效果预览:
![v2-1d21d63e1fc6835393778f2ce3537a65_b.gif](http://img-02.proxy.5ce.com/view/image?&type=2&guid=8b481fdd-1932-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-1d21d63e1fc6835393778f2ce3537a65_b.gif)
安装
dependencies
使用方法
在列表项中,使用StickyHeader(),基本用法:(gif效果图中的默认效果)
ListView
在列表项中,使用StickyHeaderBuilder()来自定义更多的header效果和事件:(gif效果图中的自定义header效果)
ListView
在列表项中,使用StickyHeaderBuilder(),overlapHeaders=true,使header悬浮在内容上:(gif效果图中的header浮动)
ListView
数据分组,在content中渲染子列表,形成类似RN的SectionList:(gif效果图中的SectionList效果)
class
结尾
- 轮子仓库地址:https://pub.flutter-io.cn/packages/sticky_headers
- 系列演示demo源码:https://github.com/826327700/flutter_plugins_demo