Flutter 中具有多个步骤的表单(向导样式) - 最佳方法

cds*_*enz 8 forms dart flutter

我需要准备一个屏幕来为具有多个字段的表创建新记录。某些字段以以前的字段为条件。我最初的尝试包括一个 TabController/TabBarView/Tabs 集,其中每个选项卡都是表单的一部分。

我的两个问题是:

  • 我似乎无法在 TabBarView 中隐藏“选项卡”(图标/文本)本身(我想使用“下一步”按钮)

  • 即使我接受它,如果我为每个选项卡构建一个小部件,我也需要为每个表单(每个选项卡一个)提供一个 GlobalKey,因为它们无法共享。

有没有另一种方法可以做到这一点,使用另一种小部件或方法,以便将表单分为几个步骤/屏幕,然后将整个数据作为一个整体提交?

小智 7

您可以使用步进器小部件。它可以使您从多个步骤制作垂直或水平向导。

Stepper({
  Key key,
  @required this.steps,
  this.physics,
  this.type = StepperType.vertical,
  this.currentStep = 0,
  this.onStepTapped,
  this.onStepContinue,
  this.onStepCancel,
  this.controlsBuilder,
})
Run Code Online (Sandbox Code Playgroud)

你可以按照Paul Halliday 的 这个例子https://developer.school/flutter-how-to-use-the-stepper-widget/