Programmatically scrolling to the end of a ListView

CodeWithFlutter
1 Min Read

To programmatically scroll to the end of a ListView in Flutter, you can use the scrollTo method on its controller property. Here’s an example of how you can do it:

final controller = ScrollController();

// ...

ListView.builder(
  controller: controller,
  // ...
),

// ...

controller.jumpTo(controller.position.maxScrollExtent);

In this example, the controller property of the ListView is assigned a ScrollController object. The jumpTo method is then used to programmatically scroll to the end of the ListView, by jumping to the maximum scroll extent.

You can also smoothly scroll to the end of the ListView by using the animateTo method instead of jumpTo.

controller.animateTo(controller.position.maxScrollExtent,
  duration: Duration(milliseconds: 500),
  curve: Curves.easeOut);

In this example, the animateTo method is used to smoothly scroll to the end of the ListView, with a duration of 500 milliseconds and an easing curve of Curves.easeOut.

Share this Article
Leave a comment