패키지, 저장소 및 앱 카테고리 검색

패키지 상세v1.27.3

scrollview_observer

ScrollView에 표시되는 자식 위젯과 관련된 데이터를 관찰하기 위한 위젯입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
15.3만
좋아요
325
Pub 점수
160

패키지 설치

flutter pub add scrollview_observer

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

scrollview_observer 패키지는 ScrollView 내에서 현재 보이는 자식 위젯에 대한 데이터를 모니터링하고 보고하는 위젯을 제공합니다. 개발자들은 화면에 표시되는 항목, 그 위치 및 가시성 상태를 추적할 수 있으며, 스크롤 동작에 따라 동적 콘텐츠 로딩, 분석 또는 UI 조정이 가능하게 합니다. 무한 리스트 구현, 성능 최적화, 또는 스크롤 가능한 인터페이스에서 실시간 피드백을 제공하는 데 이상적입니다.

사용 사례

  • 지연 로딩과 무한 스크롤
  • 분석을 위한 시각적 항목 추적
  • 스크롤 위치에 따라 동적으로 UI 업데이트
  • 실시간 콘텐츠 렌더링 최적화
  • 스크롤 기반 애니메이션
  • 긴 목록에서의 성능 모니터링

주요 기능

  • 실시간 가시성 감지
  • 자식 위젯의 위치 추적
  • 경량이고 효율적
  • 모든 플러터 플랫폼을 지원합니다
  • 기존 ScrollViews와의 간단한 통합
  • 사용자 정의 가능한 콜백 트리거

적합한 대상

  • 긴 목록 또는 무한 목록을 구축하는 개발자
  • 스크롤 기반 로직을 필요로 하는 앱
  • 성능에 민감한 애플리케이션
  • 분석 통합 스크롤 가능한 UI
  • 인터랙티브한 스크롤 기반 경험

고려 사항

  • 과도하게 사용할 경우 성능에 영향을 미칠 수 있습니다
  • 콜백 처리에 주의가 필요합니다
  • 간단한 정적 목록에 적합하지 않습니다
  • 직접적인 ScrollView 자식에 한정
  • 최적화된 자식 위젯과 함께 사용하는 것이 가장 좋습니다
  • 많은 관찰자가 메모리 오버헤드를 유발할 수 있음

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Flutter ScrollView Observer

author pub stars

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

ko-fi wechat

Chat: Join WeChat group

📖 Article

🔨 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

📦 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

🖨 About Me

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트