This SwiftUI iOS cocoapods library is used for indicating step actions for series of steps involved for any task. For eg: if you wanna illustrate the steps for collecting cash from an ATM , steps involved for any loan application. etc..

center, top, bottom alignments.

Here’s the library which does the work with just couple of lines which accepts below View Modifiers

.addSteps(_ steps: [View]) : array of views to be rendered closer to indicator

.alignments(_ alignments: [StepperAlignment]) : optional defaults to .center, available with custom options either .top, .center, .bottom sections

.indicatorTypes(_ indicators:[StepperIndicationType]): enum provides the options to use .circle(color, width) , .image(Image, width) , .custom(AnyView)

.lineOptions(_ options: StepperLineOptions): color, thickness line customization.

.spacing(_ value: CGFloat): spacing between each of the step views.

.stepIndicatorMode(_ mode: StepperMode): vertical, horizontal display modes.
Horizontal Step Indicator
var body: some View {
StepperView()
.addSteps([Text("Account"), Text("MemberShip"))
.indicators([.center,.center])
.stepIndicatorMode(StepperMode.horizontal)
.spacing(50)
.lineOptions(StepperLineOptions.custom(1, Colors.blue(.teal).rawValue))
}

This library handles top, center and bottom alignments. Above are some variation screenshots.

References:

More Details : https://badrinathvm.github.io/StepperView/

cocoapods:

Github: https://github.com/badrinathvm/StepperView

Feel free to request any new features or create a pull request.

Happy Coding..!

Senior iOS Engineer @ Intuit | Exploring, Experimenting new ways of building mobile apps.