Flutter ScrollView Observer #

Language: English | 中文

This is a library of widget that can be used to listen for child widgets those are being displayed in the scroll view.

☕ Support me #

Chat: Join WeChat group

📖 Article #

• Flutter - 获取ListView当前正在显示的Widget信息 | 备用链接
• Flutter - 列表滚动定位超强辅助库，墙裂推荐！🔥 | 备用链接
• Flutter - 快速实现聊天会话列表的效果，完美💯 | 备用链接
• Flutter - 船新升级😱支持观察第三方构建的滚动视图💪 | 备用链接
• Flutter - 瀑布流交替播放视频 🎞 | 备用链接
• Flutter - IM保持消息位置大升级(支持ChatGPT生成式消息) 🤖 | 备用链接
• Flutter - 滚动视图中的表单防遮挡 🗒 | 备用链接
• Flutter - 秒杀1/2曝光统计 📊 | 备用链接
• Flutter - 如何快速搓一个微信通讯录列表(azlist) 📓 | 备用链接

🔨 Feature #

You do not need to change the view you are currently using, just wrap a ViewObserver around the view to achieve the following features.

• ✅ Observing child widgets those are being displayed in ScrollView
• ✅ Support for scrolling to a specific item in ScrollView
• ✅ Quickly implement the chat session page effect
• ✅ Support for keeping IM message position when inserting or updating messages, avoiding jitter.

🎀 Support #

• ✅ ListView
• ✅ SliverList
• ✅ GridView
• ✅ SliverGrid
• ✅ Mixing usage of SliverPersistentHeader, SliverList and SliverGrid
• ✅ ScrollView built by third-party package.

🏞 Related Example

📦 Installing #

Add scrollview_observer to your pubspec.yaml file:

dependencies:
  scrollview_observer: latest_version

Import scrollview_observer in files that it will be used:

import 'package:scrollview_observer/scrollview_observer.dart';

📚 Wiki #

• Wiki Home
• 1、Observing child widgets those are being displayed in the scroll view
• 2、Scrolling to the specified index location
• 3、Chat Observer

🖨 About Me #

• GitHub: https://github.com/LinXunFeng
• Email: [email protected]
• Blogs:
  • 全栈行动: https://fullstackaction.com
  • 掘金: https://juejin.cn/user/1820446984512392