Auto Scrolling in Flutter

Question

So I have a SingleChildScrollView() whose child is a Column() with different widgets inside it. I have 3 BUTTONS on the app bar. Each for 3 widgets I want to jump to.

When I press the button, I want the UI to automatically scroll to the mapped Widget. Just like we see that effect in websites.

How can I achieve this ?

• Christopher Moore: Are you using a SingleChildScrollView? You don't mention what's doing the scrolling.
• Karan Owalekar: I just realised that I didnt mention it. And Yes I use SIngleChildScrollView

Answer 1

You can create a ScrollController and pass it to the controller parameter of your scrolling widget. Then you can use the animateTo method to animate to an offset.

Ex.

ScrollController controller = ScrollController();
//In build
SingleChildScrollView(
 controller: controller,
 child: ...,
)
//In each button onPressed/onTap
controller.animateTo(offset);

• JAgüero: what if you want to access to that scrollController from another page? Let's say, I am in pageTwo and when I press a button I want it to push pageOne and scroll down to a certain position