flutter - Flutter 中的自动滚动

Question

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

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

我怎样才能做到这一点？

Answer 1

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

例如

ScrollController controller = ScrollController();

//In build
SingleChildScrollView(
  controller: controller,
  child: ...,
)

//In each button onPressed/onTap
controller.animateTo(offset);