5

I have a listview . I want to go to a certain widget by it's corresponding index number.

I've tried with ScrollController, but it need offset value to jumpTo the index. But I want to jumpTo a widget by using its index number.

Please, help me to fix it Thanks in advance.

Md Abdul Halim Rafi
  • 1,810
  • 1
  • 17
  • 25
  • Possible duplicate of [Listview Scrolling to widget](https://stackoverflow.com/questions/49153087/listview-scrolling-to-widget) – Spatz Aug 18 '19 at 20:10
  • this also looks similiar to https://stackoverflow.com/questions/54039684/flutter-listview-scroll-to-index-not-available/54287123 – ejabu Aug 21 '19 at 17:59
  • https://stackoverflow.com/a/63620653/10511266 people who looking for solution might help – Hussnain Haidar Aug 27 '20 at 16:48

1 Answers1

11

Unfortunately, ListView has no built-in approach to a scrollToIndex() function. You’ll have to develop your own way to measure to that element’s offset for animateTo() or jumpTo(), or you can search through suggested solutions/plugins from other posts such as:

(the general scrollToIndex issue is discussed at flutter/issues/12319 since 2017, but still with no current plans)

But there is a different kind of ListView that does support scrollToIndex:

You set it up exactly like ListView and works the same, except you now have access to a ItemScrollController that does:

  • jumpTo({index, alignment})
  • scrollTo({index, alignment, duration, curve})

Simplified example:

ItemScrollController _scrollController = ItemScrollController();

ScrollablePositionedList.builder(
  itemScrollController: _scrollController,
  itemCount: _myList.length,
  itemBuilder: (context, index) {
    return _myList[index];
  },
)

_scrollController.scrollTo(index: 150, duration: Duration(seconds: 1));

(note that this library is developed by Google but not by the core Flutter team.)

TWL
  • 6,228
  • 29
  • 65