stepper_a 1.2.0 copy "stepper_a: ^1.2.0" to clipboard
stepper_a: ^1.2.0 copied to clipboard

StepperA is a simple and robust Flutter package which is making it possible to use FormKey validation and easy access your own button press control.

Flutter StepperA #

Key Features #

Stepper A can easily build Stepper facility of you any flutter app.

  • Form Validation with FormKey [GlobalKey
  • Support Horizontal and Vertical Stepper
  • Customized Stepper step Shape [Rectangle, Circle,Diamond,Triangle]
  • Customized Stepper step border [Dash, Straight]
  • Customized Stepper line [Dash, Straight]
  • Smooth sliding with Animation
  • Number step text style provision added.
  • Stepper page swipe
  • Easily Customize Step [Image, IconData]

package.yaml #

stepper_a: <latest version>

Import #

import 'package:stepper_a/stepper_a.dart';

Simple Example #

StepperA(
    stepperSize: const Size(300,90),
    // stepperSize: const Size(100,350),
    borderShape: BorderShape.diamond,
    borderType: BorderType.straight,
    stepperAxis: Axis.horizontal,
    stepperBackgroundColor: Colors.transparent,
    stepperAController: controller,
    stepHeight: 40,
    stepWidth: 40,
    stepBorder: true,
    floatingButton: false,
    previousButton: StepperAButton(
        width: 90,
        height: 40,
        buttonText: 'Back',
        completeButtonText: ''
    ),
    forwardButton: StepperAButton(
        width: 90,
        height: 40,
        buttonText: 'Next',
        completeButtonText: 'Complete'
    ),
    customSteps: const [
        CustomSteps(
        stepsIcon: Icons.login,
        title: "LogIn"),
        CustomSteps(
        stepsIcon: Icons.location_on,
        title: "Location"),
        CustomSteps(
        stepsIcon: Icons.home,
        title: "Home"),
        CustomSteps(
        stepsIcon: Icons.account_circle,
        title: "Account"),
    
    ],
    step: const StepA(
        currentStepColor: Colors.green,
        completeStepColor: Colors.indigo,
        inactiveStepColor: Colors.black12,
        margin: EdgeInsets.all(5)
    ),
    stepperBodyWidget: [
        StepOne(controller: controller),
        StepTwo(controller: controller,),
        StepThree(controller: controller,),
        StepFour(controller: controller,),
    ]
)

ScreenShot #

FormKey validation #

!https://youtu.be/Gbn6Dsj8AWI[](Youtube Link)

formkey

Custom Steps #

custom_steps

vertical stepper #

vertical_circle

Others #

horizontal_circle

horizontal_circle_border horizontal_circle_dash vertical custom step vertical_step_withbutton Media_230415_221534

Support #

If this package was useful to you, helped you to easily deliver your app, saved you a lot of time, or you just want to support the project, I would be grateful if you give us a rating.

36
likes
0
pub points
81%
popularity

Publisher

unverified uploader

StepperA is a simple and robust Flutter package which is making it possible to use FormKey validation and easy access your own button press control.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on stepper_a