Flutter Circle Reveal Onboarding | Widget Workshop

Today we’re building an onboarding flow in Flutter that reveals pages by expanding and contracting a circle.

Steps:

0:00 Welcome
1:00 Paint background with a button
12:56 First half of transition
26:28 Second half of transition
36:28 Add content
46:47 Change pages

This workshop was inspired by the following design on Dribbble:
https://dribbble.com/shots/6654320-Animated-Onboarding-Screens

----

Follow:
https://twitter.com/suprdeclarative

Hourly Flutter Consulting:
https://consulting.superdeclarative.com

Flutter Training:
https://hotreload.io

Learn Flutter:
https://school.superdeclarative.com

Blog:
http://blog.superdeclarative.com

Website:
https://superdeclarative.com