Home

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 ScrollView.

Support me ☕

Chat: Join WeChat group

Article

• Flutter - Getting the items information those are currently displaying in ScrollView | WeChat | JueJin
• Flutter - Scrolling to a specific item in the ScrollView！🔥 | WeChat | JueJin
• Flutter - Quickly implement the effect of the chat session list, perfect 💯 | WeChat | JueJin
• Flutter - New upgrade😱Supports observing ScrollView built by third package💪 | WeChat | JueJin
• Flutter - Play alternately waterfall flow video 🎞 | WeChat | JueJin
• Flutter - Keep IM message position greatly upgraded (supports generative messages like ChatGPT) 🤖 | WeChat | JueJin
• Flutter - Anti-occlusion of form in ScrollView 🗒 | WeChat | JueJin
• Flutter - Quickly achieve half-view exposure statistic 📊 | WeChat | JueJin
• Flutter - How to quickly implement an contact list page (azlist) 📓 | WeChat | JueJin

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
• NestedScrollView
• ScrollView built by third-party package.

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';

About Me

• GitHub: https://github.com/LinXunFeng
• Email: linxunfeng@yeah.net
• Blogs:
  • 全栈行动: https://fullstackaction.com
  • 掘金: https://juejin.cn/user/1820446984512392