Flutter curves simulation

Nhan Cao
Nhan Cao
Apr 4, 2018 · 3 min read

Curve in Flutter similar with interpolator of Android. I draw a small simulation to easy understand how it running.

May simulation difference with image design, but I decide to keep origin axis of Flutter. You should checkout source and run to get smoothest.

Curves.linear

Curves.decelerate

Curves.ease

Curves.easeIn

Curves.easeOut

Curves.easeInOut

Curves.fastOutSlowIn

Curves.bounceIn

Curves.bounceOut

Curves.bounceInOut

Curves.elasticIn

Curves.elasticOut

Curves.elasticInOut

Custom curve: const Cubic(0.25, 0.0, 0.0, 1.0)

Full clip

Source

nhancv.com

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade