Flutter:Scrolling To Bottom Automatically when the screen opens

9,302

When building your ListView or adding an item (not sure how you're doing it), use SchedulerBinding.instance.addPostFrameCallback to change the scroll position on the next frame.

SchedulerBinding.instance.addPostFrameCallback((_) {
  controller1.animateTo(
    controller1.position.maxScrollExtent,
    duration: const Duration(milliseconds: 10),
    curve: Curves.easeOut,);
  });
}
Share:
9,302
Rajesh
Author by

Rajesh

Updated on December 05, 2022

Comments

  • Rajesh
    Rajesh over 1 year

    I'm using onpressed() to scroll down to bottom of the List view, but i want to achieve that without Pressing the botton,

    It must autoscroll for every screen opening. I tried to put it inside initState() its not working but if i press the button it wokrks

    How to make it autoScroll?

    Working code:

     floatingActionButton: new FloatingActionButton(child: 
     Icon(Icons.arrow_downward),onPressed:_hola,)
    
    
    
    _hola(){
      print("inti state started successfully");
    controller1.animateTo(
    controller1.position.maxScrollExtent,
      duration: const Duration(milliseconds: 10),
       curve: Curves.easeOut,);
    }
    

    Non Working Code: //This code prints successfully,but not really calling the function

    class HomeState extends State<MyNewMessages> {
      @override
      void initState() 
    {
     super.initState();
      print("hola is scrolling");
      _hola;
    }
    );
    }
    

    Before Pressing Floating Button Before Pressing Floating Button After Pressing Floating Button After Pressing Floating Button