Flutter 中的自动滚动

Question

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

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

我怎样才能做到这一点？

Answer 1

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

例如

ScrollController controller = ScrollController();

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

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