An example showing how to handle common scrolling gesture conflicts in Flutter.

中文文档请戳这里

Web demo 👉 Click Here

Problem: NestedScrollView does not support over-scrolling of external ListView, so its SliverAppBar cannot be stretched.

Related issue: flutter/flutter#54059

Problem: TabBarView does't scroll when the internal ListView is over-scrolled.

Override the applyUserOffset method of _NestedScrollCoordinator to allow over-scroll the top of _outerPosition.

Override the unnestOffset, nestOffset, _getMetrics methods of _NestedScrollCoordinator to fix the mapping between _innerPosition and _outerPosition to _NestedScrollPosition (Coordinator).

For more information, see:

• lib/pages/nested_scroll_tab_list_page.dart
• lib/widgets/nested_scroll_view_x/src/nested_scroll_view_x.dart

Reference ExtendedTabBarView to implement a TabScrollView with a ScrollController bound to it.

When the internal ListView over-scrolls, the over-scroll amount is applied to the external scrollable ExtendedTabBarView.

For more information, see:

• lib/pages/horizontal_scroll_tab_list_page.dart
• lib/widgets/tab_bar_view_x/src/tab_scroll_view.dart

Thanks to fluttercandies's extended_tabs and extended_nested_scroll_view.

• 大道至简：Flutter嵌套滑动冲突解决之路
• 深入进阶-如何解决Flutter上的滑动冲突？
• 用Flutter实现58App的首页
• 不一样角度带你了解 Flutter 中的滑动列表实现
• Flutter 滑动体系