scrollview_observer

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 - 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
• Flutter - Supports observing NestedScrollView, with greater compatibility 😈 | WeChat | JueJin
• Flutter - Offset effect in PageView | WeChat | JueJin
• Flutter - Parallax effect in PageView | WeChat | JueJin
• Flutter - Syncing Detail Page TabBar with Modules? Nailed It! | WeChat | JueJin
• Flutter - Initial Anchor And Optimization For Detail Pages | 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.

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

🎀 Support

• [x] PageView
• [x] ListView
• [x] SliverList
• [x] GridView
• [x] SliverGrid
• [x] Mixing usage of SliverPersistentHeader, SliverList and SliverGrid
• [x] NestedScrollView
• [x] ScrollView built by third-party package.

🕹 Preview

• 🖥 Online Preview
• 🏞 Sample images

📦 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 ScrollView
• 2、Scrolling to the specified index location
• 3、Chat Observer

🖨 About Me

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