pageprogress 0.0.2 copy "pageprogress: ^0.0.2" to clipboard
pageprogress: ^0.0.2 copied to clipboard

A Flutter package project for progress pages.

Steps Screen #

Steps Screen is a Flutter widget that allows you to create a step-by-step wizard-like user interface.

Introduction #

Steps Screen provides a simple and intuitive way to guide users through a series of steps or tasks. It is particularly useful for onboarding flows, form submissions, and any multi-step processes in your Flutter applications.

Features #

  • Create a step-by-step wizard-like UI with ease.
  • Customizable colors, buttons, and step indicators.
  • Support for both vertical and horizontal layouts.
  • Callbacks for handling completion and individual step changes.

[Example GIF]

Installation #

To use Steps Screen in your Flutter project, follow these steps:

  1. Add the dependency to your pubspec.yaml file:
dependencies:
  steps_screen: ^1.0.0



2.Run flutter pub get to fetch the package.

3.Import the Steps Screen package in your Dart file:
   import 'package:steps_screen/steps_screen.dart';



Usage
To use Steps Screen, create a list of widgets representing each step in the wizard. For example:

@override
Widget build(BuildContext context) {
  return MaterialApp(
    home: WizardScreen(
      widgets: [
        LoginPage(),
        RegisterPage(),
      ],
      onFinish: () {
        // Customize your code here
      },
    ),
  );
}




You can customize the appearance of the Steps Screen by providing values for various parameters such as activeColor, inactiveColor, nextButtonText, finishButtonText, and more.

For detailed usage instructions and examples, please refer to the package documentation.

GitHub repository: https://github.com/DuraiMca/examplePagesteps

0
likes
120
pub points
20%
popularity

Publisher

unverified uploader

A Flutter package project for progress pages.

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on pageprogress