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 Learn Flutter: http://school.superdeclarative.com Blog: http://blog.superdeclarative.com Website: https://superdeclarative.com
More like this
Article 20 min readFlutter design challenge: onboarding concept
by Mangirdas Kazlauskas , on Flutter ProMangirdas Kazlauskas @mkobuolys 🇱🇹 LithuaniaFull-Stack Software Engineer by day, Flutter Enthusiast and Content Creator @Medium by night.
View Mangirdas on Flutter ProA complete thought process on how to convert the design into code using Dart + Flutter
Read on uxdesign.cc
Article 10 min readFlutter Add-To-App in practice: Onboarding revamp at EyeEm
by Łukasz Wiśniewski
Vertical analysis of EyeEm’s latest release — a new onboarding experience brought to you with the power of widgets.
Read on medium.com
Article 6 min readFlutter — Bottom Tab Bar animation
Another Dribbble design I found here. This bottom bar concept, I think, looks good, and had a few subtle things going on that I thought…
Read on medium.com
