Ever wondered how to use gradient colors in Flutter? Now you can learn how to use LinearGradient, RadialGradient and SweepGradient in this short video tutorial!

Now, I’m no gradient color master artist, but I do know how to use the Flutter widgets for gradients. So, hit the play button and enjoy the video as you learn how Flutter’s gradient widgets work.

If you’ve ever wanted to spice up the look of your apps with a little gradient action, then you’ll be ready to do it after you’ve watched this video.

I’m even including a neat little opacity (.withOpacity) trick to help you out with playing with transparency (hint: it’s basically how to access any percentage of opacity on any color on Flutter). It can be a much simpler and “safer” way to play with gradients.

Anyway, not much else to say about gradients. After you watch this video tutorial for beginners, I advise you to just play around and see what you can do with the 3 different Flutter widgets I show in the programming tutorial.

Happy learning!

00:00 - Intro
00:15 - Using the LinearGradient Widget
01:12 - Gradient Direction
01:45 - Control Color Distribution
02:50 - Gradients with Opacity (.withOpacity)
03:50 - Using the RadialGradient
06:00 - Final Conclusions & Advice
06:21 - Flutter Mentor Out

#flutter #gradients #colors

Credits:

OUTRO SONG:
Mitsubachi by Smith The Mister https://smiththemister.bandcamp.com
Smith The Mister https://bit.ly/Smith-The-Mister-YT
Free Download / Stream: http://bit.ly/mitsubachi
Music promoted by Audio Library https://youtu.be/0IgndUb1YQI

#flutter #gradients #colors

How To Use Gradient Colors (LinearGradient, RadialGradient, SweepGradient) - Flutter
1.35 GEEK