[Feature request] Support for ReorderableListView #158

Activity

1. github-actions

   assigned

   LinXunFeng

   on Sep 12, 2026
2. LinXunFeng commented on Sep 13, 2026

   

   LinXunFeng

   on Sep 13, 2026

   Member

   More actions

   Hi @dreamAviator, thanks for the report!

   ListViewObserver works with ReorderableListView. The only case that didn't work was when prototypeItem is set, which has been fixed in 1.27.2 via #159.

   If you are not using prototypeItem, please check the following:

   1. Pass the same ScrollController to both ListObserverController and ReorderableListView. Note that the parameter of ReorderableListView is named scrollController rather than controller, otherwise jumpTo / animateTo will do nothing.

   final scrollController = ScrollController();
   late final observerController = ListObserverController(controller: scrollController);
   
   ListViewObserver(
     controller: observerController,
     child: ReorderableListView.builder(
       scrollController: scrollController,
       itemCount: items.length,
       itemBuilder: (context, index) => ...,
       onReorder: ...,
     ),
   );

   2. If the list is not built in the first frame (e.g. it is shown after loading data), call observerController.reattach() after the list is displayed.

   3. Items may be moved after reordering, so jump to the current index of the target item, e.g. observerController.jumpTo(index: items.indexOf(targetItem)).

   There is also a new example: reorderable_listview_demo_page.dart.

   If it still doesn't work for you, could you share a minimal reproducible example?
3. dreamAviator commented on Sep 13, 2026

   

   dreamAviator

   on Sep 13, 2026 via email

   Author

   More actions

   Oh okay. Thank you for the quick answer. I have found another package for my solution, but I will try this again too and then decide which one to use. I will report back at a later time. Thank you :D Sep 13, 2026 18:28:37 LinXunFeng ***@***.***>:

   …

   [Image]*LinXunFeng* left a comment (fluttercandies/flutter_scrollview_observer#158)[#158 (comment)] Hi @dreamAviator[https://github.com/dreamAviator], thanks for the report! *ListViewObserver* works with *ReorderableListView*. The only case that didn't work was when *prototypeItem* is set, which has been fixed in 1.27.2[https://pub.dev/packages/scrollview_observer/versions/1.27.2] via #159[#159]. If you are not using *prototypeItem*, please check the following: 1. Pass the same *ScrollController* to both *ListObserverController* and *ReorderableListView*. Note that the parameter of *ReorderableListView* is named *scrollController* rather than *controller*, otherwise *jumpTo* / *animateTo* will do nothing. final scrollController = ScrollController(); late final observerController = ListObserverController(controller: scrollController); ListViewObserver( controller: observerController, child: ReorderableListView.builder( scrollController: scrollController, itemCount: items.length, itemBuilder: (context, index) => ..., onReorder: ..., ), ); 2. If the list is not built in the first frame (e.g. it is shown after loading data), call *observerController.reattach()* after the list is displayed. 3. Items may be moved after reordering, so jump to the current index of the target item, e.g. *observerController.jumpTo(index: items.indexOf(targetItem))*. There is also a new example: reorderable_listview_demo_page.dart[https://github.com/fluttercandies/flutter_scrollview_observer/blob/main/example/lib/features/listview/reorderable_listview_demo/reorderable_listview_demo_page.dart]. If it still doesn't work for you, could you share a minimal reproducible example? — Reply to this email directly, view it on GitHub[#158?email_source=notifications&email_token=A7BUE3BAA3HY7UG4PRKF7GL5O3DLHA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTKNRVGQ2TEOBSGYY2M4TFMFZW63VHNVSW45DJN5XKKZLWMVXHJLDGN5XXIZLSL5RWY2LDNM#issuecomment-5654528261], or unsubscribe[https://github.com/notifications/unsubscribe-auth/A7BUE3BBM2LVXATWGFWO4QD5O3DLHAVCNFSNUABFKJSXA33TNF2G64TZHM2DSNZSGEYDOMRVHNEXG43VMU5TKNBTGYZDINRZGU3KC5QC]. Triage notifications, keep track of coding agent tasks and review pull requests on the go with GitHub Mobile for iOS[https://github.com/notifications/mobile/ios/A7BUE3GISHC5X4VBHXVFCGT5O3DLHA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTKNRVGQ2TEOBSGYY2M4TFMFZW63VHNVSW45DJN5XKKZLWMVXHJKTGN5XXIZLSL5UW64Y] and Android[https://github.com/notifications/mobile/android/A7BUE3BDAGQIRIRCFCKGZKL5O3DLHA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTKNRVGQ2TEOBSGYY2M4TFMFZW63VHNVSW45DJN5XKKZLWMVXHJLTGN5XXIZLSL5QW4ZDSN5UWI]. Download it today! You are receiving this because you were mentioned. [Tracking image][https://github.com/notifications/beacon/A7BUE3GC6F7WN4GPEBIJQBT5O3DLHBFCNFSM6AAAAAC7PYEUCSWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTYAAAAACUIJIEC2M4TFMFZW63VHNVSW45DJN5XA.gif]
4. dreamAviator commented on Sep 13, 2026

   

   dreamAviator

   on Sep 13, 2026

   Author

   More actions

   Okay, it works with the reorderableListview
   idk what I did wrong before, but thank you for your answer.
5. dreamAviator

   closed this as completedon Sep 13, 2026