flutter_step_container

Last updated:

0 purchases

flutter_step_container Image
flutter_step_container Images
Add to Cart

Description:

flutter step container

flutter_step_container #
Stepper for Form or Introduce and so on
Installing #
1. Depend on it #
Add this to your package's pubspec.yaml file:
dependencies:
flutter_step_container: ^0.0.1
copied to clipboard
2. Install it #
You can install packages from the command line:
with pub:
$ pub get
copied to clipboard
with Flutter:
$ flutter pub get
copied to clipboard
3. Import it #
Now in your Dart code, you can use:
import 'package:flutter_step_container/flutter_step_container.dart';
copied to clipboard
Usage #
StepContainer is a Stateful Widget that show steps.
Include it in your build method like:
StepContainer(
finishCallBack: (val) {
print('callback====$val');
},
finishView: Center(
child: ListView(
children: List<Widget>.generate(100, (index) => Text('Hi,I\'m Giff $index')),
shrinkWrap: true,
),
),
models: <StepModel>[
StepModel(
title: Text('Page one'),
content: TextFormField(
decoration: const InputDecoration(
icon: Icon(Icons.person),
hintText: 'What do people call you?',
labelText: 'Name *',
)
),
),
StepModel(
title: Text('Page two'),
content: TextFormField(
decoration: const InputDecoration(
icon: Icon(Icons.sports),
hintText: 'What do people call you before?',
labelText: 'I don\'t know',
)
)
),
],
)
copied to clipboard
Gif #

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.