Flutter Scrollable Widgets like ListView,GridView or powerful CustomScrollView can't nest inner scrollview
Introduction
Flutter Scrollable Widgets like ListView,GridView or powerful CustomScrollView can’t nest inner scrollview.
If Nested, inner scrollview will scroll dependently, that’s not very good to user.
NestedScrollView give us another choice, but it’s not very flexible. For example, We must provide “header+body” widgets.
So I make nested_inner_scroll library inpired by NestedScrollView,this library has features:
- inner scroll and outer scroll is independent, when we scroll one,other’s position will not be affected.
- When inner scroll at it’s edge, it can trigger out scroll view to scroll
- Support nested fling effect, it’s smooth when fling innerview or outview
Usage
- new NestedInnerScrollCoordinator instance, it needs one ScrollController as parent
- give NestedInnerScrollCoordinator.outController to outview as ScrollController
- prepare Key instance for every innerview as scrollKey property
- give NestedInnerScrollCoordinator.innerController to innerView as ScrollController
- wrap every innerview with NestedInnerScrollChild widget
that’s all, then you can have nested inner scroll views
you can check example project main.dart for more information
Other Tips
-
If you want to scroll inner view, you need to do it by ScrollPosition
_coordinator.getInnerPosition(innerViewKey)?.jumpTo(0) -
If you want to have pull to refresh features, you can use ‘pull_to_refresh_notification’ library
-
Every inner scroll view should have fixed height
Issues
If you have any problem in use, give issues to me but with template: