Description:
casa vertical stepper
The stepper widgets help you to show or collect information from users using organized steps.
General Guidelines #
Simply import package:casa_vertical_stepper/casa_vertical_stepper.dart.
Expandable: The isExpandable argument controls whether the stepper is Expandable
Usage #
Expandable example:
class ExampleScreen extends StatefulWidget {
const ExampleScreen({Key? key}) : super(key: key);
@override
State<ExampleScreen> createState() => _ExampleScreenState();
}
class _ExampleScreenState extends State<ExampleScreen> {
@override
Widget build(BuildContext context) {
final stepperList = [
StepperStep(
title: 'Account Details',
leading: _checkBoxIcon(),
view: YourCustomViewHere(),
),
StepperStep(
title: 'Application review',
leading: _checkBoxIcon(isOutline: true, iconColor: primaryColor),
view: YourCustomViewHere(),
),
];
return Scaffold(
body: Column(
children: [
CasaVerticalStepperView(
steps: stepperList,
seperatorColor: const Color(0xffD2D5DF),
isExpandable: true,
showStepStatusWidget: false,
),
],
),
);
}
}
copied to clipboard
StepStatus example:
class ExampleScreen extends StatefulWidget {
const ExampleScreen({Key? key}) : super(key: key);
@override
State<ExampleScreen> createState() => _ExampleScreenState();
}
class _ExampleScreenState extends State<ExampleScreen> {
@override
Widget build(BuildContext context) {
final stepperList = [
StepperStep(
title: 'Account Details',
leading: _checkBoxIcon(),
view: YourCustomViewHere(),
),
StepperStep(
title: 'Application review',
leading: _checkBoxIcon(isOutline: true, iconColor: primaryColor),
status: StepStatus.fail,
view: YourCustomViewHere(),
failedView: YourCustomFailViewHere(),
];
return Scaffold(
body: Column(
children: [
CasaVerticalStepperView(steps: stepperList),
],
),
);
}
}
copied to clipboard
Screenshot
:-------------------------:
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
