Skip to main content

nested_scroll_views 0.0.14 copy "nested_scroll_views: ^0.0.14" to clipboard
nested_scroll_views: ^0.0.14 copied to clipboard

Flutter nested scrolling with drag handoff at scroll boundaries for PageView, TabBarView, ListView, GridView, CustomScrollView, and SingleChildScrollView.

Nested Scrolling Views #

Flutter nested scrolling views.

NestedTabBarView.gif NestedPageView.gif NestedSingleChildScrollView.gif

Usage #

Requires Flutter 3.47.0+, Dart 3.13.0+, and material_ui 0.0.1+.

Add material_ui for Material widgets and tab controllers:

import 'package:material_ui/material_ui.dart';
import 'package:nested_scroll_views/material_ui.dart';

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
53
likes
160
points
1.47k
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

Flutter nested scrolling with drag handoff at scroll boundaries for PageView, TabBarView, ListView, GridView, CustomScrollView, and SingleChildScrollView.

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter, material_ui

More

Packages that depend on nested_scroll_views