Skip to content

About

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

Topics

Resources

Stars

18 stars

Watchers

1 watching

Forks

Repository files navigation

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

About

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

Topics

Resources

Stars

18 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages