Search packages, repositories and app categories

nested_scroll_views cover
Package detailsv0.0.12

nested_scroll_views

Flutter nested scrolling views.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
965
Likes
53
Pub points
140

Install package

flutter pub add nested_scroll_views

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that enhances nested scrolling capabilities, enabling smooth and responsive interactions between scrollable widgets. It provides improved handling of nested scroll views, ensuring proper scroll physics and coordination between parent and child scrollables. Ideal for complex UI layouts requiring layered scrolling behavior, such as collapsible headers or integrated scrollable sections. The package is compatible across all major platforms and integrates seamlessly with existing Flutter projects.

Use cases

  • Complex UIs with layered scrollable content
  • Collapsible headers with nested scroll effects
  • Integrated scrollable sections in a single view
  • Scrolling within scrollable containers
  • Responsive layouts on multiple platforms

Key features

  • Improved nested scroll coordination
  • Cross-platform compatibility
  • Seamless integration with Flutter's ScrollController
  • Support for custom scroll physics
  • Optimized performance for nested scrolling

Suitable for

  • Developers building advanced scrollable interfaces
  • Apps with dynamic header behaviors
  • Multi-layered scroll layouts
  • Projects targeting Android, iOS, Web, macOS, Windows, and Linux
  • Teams seeking reliable nested scrolling solutions

Considerations

  • May require careful configuration for complex nesting
  • Performance impact with deeply nested structures
  • Not a replacement for built-in scroll views in simple cases
  • Best used when standard nested scrolling doesn't meet requirements
  • Requires understanding of Flutter's scroll system

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Nested Scrolling Views

Flutter nested scrolling views.

NestedTabBarView.gif NestedPageView.gif NestedSingleChildScrollView.gif

Usage

Replace flutter's views with the following views and use them nested.

Flutter Nested
PageView NestedPageView
TabBarView NestedTabBarView
ListView NestedListView
GridView NestedGridView
CustomScrollView NestedCustomScrollView
SingleChildScrollView NestedSingleChildScrollView

Attention

  1. Nested non-nested views with the same scroll direction will result in weird scrolling.
  2. Nested views are kept alive by default, you can set wantKeepAlive to false, which may lead to loss of gesture events because the page is destroyed.

Thanks

  • flutter:Flutter makes it easy and fast to build beautiful apps for mobile and beyond

  • union_tabs:A nested TabBarView overscroll unites outer TabBarView scroll event

  • primary_page_view:FLutter Nested Primary PageView

Categories

Source repository

Projects using this package

No data available yet.