首页 > 解决方案 > Flutter Stepper 最后一步没有完全滚动

问题描述

我使用具有 8 个步骤的步进器进行用户注册流程。最后一步是汇总用户输入的所有数据。现在,当我运行它时,摘要步骤不会完全向下滚动到显示所有字段的最后,用户必须手动滚动整个步骤,尽管它很容易适应屏幕。

有没有办法告诉步进器在屏幕上显示一个步骤的全部内容?

编辑:附上截图 在此处输入图像描述

标签: flutterdart

解决方案


我在每个步骤中用“下一步”按钮中的钩子解决了它,以延迟滚动,看起来非常漂亮和平滑。

buttonNext() {
  ...
  delayedScroll();
}

void delayedScroll() async {
    Future.delayed(const Duration(milliseconds: 300), () {
      _scrollController.animateTo(_scrollController.position.maxScrollExtent, duration: const Duration(milliseconds: 500), curve: Curves.easeOut);
    });
}

推荐阅读