ZetaStepper class Components

Zeta stepper widget that displays progress through a sequence of steps. Steppers are particularly useful in the case of forms where one step requires the completion of another one, or where multiple steps need to be completed in order to submit the whole form.

The steppers current step is managed through the currentStep property. To change it, store this value in state and change it with the onStepTapped callback. The stored value can then be used to update content depending on the selected step.

ZetaStepper(
  steps: [
    ZetaStep(title: Text('Step 1')),
    ZetaStep(title: Text('Step 2')),
    ZetaStep(title: Text('Step 3')),
  ],
  currentStep: currentStep,
  onStepTapped: (step) {
    setState(() {
      currentStep = step;
    });
  },
)

Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=3420-67488&node-type=canvas&m=dev

Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/stepper

Inheritance
Available Extensions

Constructors

ZetaStepper({required List<ZetaStep> steps, required int currentStep, ZetaStepperType type = ZetaStepperType.horizontal, ValueChanged<int>? onStepTapped, bool? rounded, Key? key})
Creates a stepper from a list of steps.
const

Properties

currentStep → int
The index into steps of the current step whose content is displayed.
final
hashCode → int
The hash code for this object.
no setterinherited
key → Key?
Controls how one widget replaces another widget in the tree.
finalinherited
onStepTapped → ValueChanged<int>?
The callback called when a step is tapped, with its index passed as an argument.
final
rounded → bool?
Sets rounded or sharp border of the containing box and the icon style.
finalinherited
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
steps → List<ZetaStep>
The steps of the stepper whose titles, subtitles, icons always get shown.
final
type → ZetaStepperType
The type of stepper that determines the layout. In the case of ZetaStepperType.horizontal, the content of the current step is displayed underneath as opposed to the ZetaStepperType.vertical case where it is displayed in-between.
final

Methods

createElement() → StatefulElement
Creates a StatefulElement to manage this widget's location in the tree.
inherited
createState() → State<ZetaStepper>
Creates the mutable state for this widget at a given location in the tree.
override
debugDescribeChildren() → List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node.
override
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String
A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String
Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String
Returns a one-line detailed description of the object.
inherited
toStringShort() → String
A short, textual description of this widget.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited