wizard_stepper 0.0.10

A simple, customizable and easy-to-use wizard stepper widget for Flutter. Guide users through multi-step processes with clear progress indication and control.

example/lib/main.dart

import 'package:example/sample_wizards/sample_child_pages.dart';
import 'package:flutter/material.dart';
import 'package:wizard_stepper/wizard_stepper.dart';

void main() {
  runApp(MaterialApp(
      theme: ThemeData.light(),
      darkTheme: ThemeData.dark(),
      debugShowCheckedModeBanner: false,
      home: BasicWizard()));
}

class BasicWizard extends StatefulWidget {
  const BasicWizard({super.key});

  @override
  BasicWizardState createState() => BasicWizardState();
}

class BasicWizardState extends State<BasicWizard> {
  late WizardStepperController controller;

  @override
  void initState() {
    super.initState();

    controller = WizardStepperController(
        showNavigationButtons: true,
        onMovedToLastStep: () {
          Navigator.of(context)
              .push(MaterialPageRoute(builder: (context) => FinalPage()));
        });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Padding(
        padding: const EdgeInsets.all(40.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            Expanded(
                child: WizardStepper(
              controller: controller,
              steps: [
                OneStep(),
                OneStep(),
                OneStep(),
                SomeStep(),
                OneStep(),
                OneStep(),
              ],
            )),
            SizedBox(height: 32),
            ElevatedButton(
              onPressed: () {
                controller.resetWizard();
              },
              child: Text('Reset Wizard'),
            ),
          ],
        ),
      ),
    );
  }
}