[Stepper] Customizable circle margin #140770
Description
Use case
Widget _buildCircle(int index, bool oldState) {
return Container(
margin: const EdgeInsets.symmetric(vertical: 8.0),
width: _kStepSize,
height: _kStepSize,
child: AnimatedContainer(
curve: Curves.fastOutSlowIn,
duration: kThemeAnimationDuration,
decoration: BoxDecoration(
color: _circleColor(index),
shape: BoxShape.circle,
),
child: Center(
child: _buildCircleChild(index, oldState && widget.steps[index].state == StepState.error),
),
),
);
}this is the code for building the circle of the stepper the margin is const. It should be dynamic to change by the developer.
also the size of the circle of the step we need to change it size to match our designs.
const double _kStepSize = 24.0;
Proposal
we need to pass it form the step or stepper
also we need to make every step open feature to be not only one step opened