Flutter: Customizing Stepper

Question

Is there a way to change the color of the "line" between the steps? And also remove the padding to connect the "line" to the steps?

score 4 · Accepted Answer · answered Oct 16 '18 at 07:54

4

I doubt. I think your only way is create your custom Stepper. As you can see in sources - Stepper is StatefulWidget and _StepperState is private (these lines are Containers with height 1.0) -

Container( 
    margin: const EdgeInsets.symmetric(horizontal: 8.0), 
    height: 1.0, color: Colors.grey.shade400, )

I don't see any way to change it

answered Oct 16 '18 at 07:54

Andrii Turkovskyi

27,554
16
95
105

Thanks Andrey. I guess I have to customize the stepper myself. – Ny Regency Oct 16 '18 at 08:00
@nypogi i have customized my stepper for this, let me know if you have any trouble. – GoPro Dec 13 '18 at 16:23
@Andrey Turkovsky Can you provide the whole code for the custom stepper? – KKRocks Feb 19 '20 at 08:07
1

@KKRocks if I needed such widget - I would copy the whole class `Stepper` from `material` package into my project, change paddings or what I need else and use this class instead of material Stepper – Andrii Turkovskyi Feb 19 '20 at 09:17

Flutter: Customizing Stepper

1 Answers1