Flutter中的自动滚动

Question

所以我有一个SingleChildScrollView((，它的子项是一个Column((，里面有不同的小部件。我在应用程序栏上有3个按钮。我想跳转到的3个小部件的每个。

当我按下按钮时，我希望UI自动滚动到映射的Widget 就像我们在网站上看到的那样。

我该如何做到这一点

Answer 1

您可以创建一个ScrollController并将其传递给滚动小部件的controller参数。然后可以使用animateTo方法设置偏移的动画。

Ex。

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