Fancy background animations in Flutter

See a high-quality version on YouTube.
return Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [color1, color2])),
);
Animated gradient.
  • speed: to control the animation duration of a wave pass
  • height: to set the area in which the wave acts
  • offset: a shift in the x-axis to give a wave different “start position”
It looks even more beautiful on a device with 60fps.

--

--

--

Software Developer, http://felix-blaschke.de

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

MEGAM1 Drop

Is AWS a good fit for your app!

Python: Getting Started

All about Snowflake and some Insights

Let’s Flutter Ep 3 — Guess my number — Introduction

Fat Protocols: Appian — Why Is This Low Code Automation Platform Becoming So Popular and Is $APPN…

Announcing the 30-in-30 Flux Community Event

What skills should a junior Ruby on Rails developer have?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Felix Blaschke

Felix Blaschke

Software Developer, http://felix-blaschke.de

More from Medium

Flutter Native Splash

How to hide app preview when switching apps, with Flutter.

Create A Better Flutter App.

Flutter ScrollPhysics Variations & Use Cases