Flutter - How To Make A Widget Transparent (Opacity & AnimatedOpacity Widgets)

Published: 15 September 2021
on channel: Flutter Mentor

1,512

If you've ever wanted to make your widgets transparent, while keeping them in the layout, then the Opacity widget is exactly what you're looking for!

In this video, I show an example usage of this widget, as well as the AnimatedOpacity widget. Which is the same but with the option to animate the transparency taking into effect.

Opacity class documentation: https://api.flutter.dev/flutter/widge...
AnimatedOpacity class documentation: https://api.flutter.dev/flutter/widge...

00:00 - Intro
00:35 - Making a Widget Transparent
01:29 - Blending Transparent Widget In A Stack
02:24 - Making A Transparency Animation
03:25 - Like & Subscribe
03:34 - Flutter Mentor Out

#flutter #opacitywidget #animatedopacity

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 • Mitsubachi – Smith The Mister (No Cop...

On this page of the site you can watch the video online Flutter - How To Make A Widget Transparent (Opacity & AnimatedOpacity Widgets) with a duration of hours minute second in good quality, which was uploaded by the user Flutter Mentor 15 September 2021, share the link with friends and acquaintances, this video has already been watched 1,512 times on youtube and it was liked by 12 viewers. Enjoy your viewing!

912