Today we’re building an onboarding page indicator Widget in Flutter that displays a dot for each page, and an indicator that jumps between dots as the user scrolls between pages.

Steps:

0:00 Welcome
1:07 Create dots
19:33 Indicator dot
26:43 Indicator movement
34:53 Indicator stretching

This Widget Workshop was inspired by the following design on Dribbble:

https://dribbble.com/shots/4640768-Jelly-Indicator

----

Follow:
@SuprDeclarative

Learn Flutter:
school.superdeclarative.com

Blog:
blog.superdeclarative.com

Website:
superdeclarative.com