Flutter - How To Scroll Animate An Image Into an App Bar (CustomScrollView Widget)
Animating an image into the app bar as you scroll is one of those design functionality details that can make your app stand out from the crowd.
In this video, you can see how I use Flutter's CustomScrollView widget to make this happen in an extremely easy and simple way.
And all of it without actually using any animation-related widgets!
We just use slivers and widgets specifically related to the CustomScrollView widget.
This is usually used more for apps with product pages but I'll leave the usage to your imagination!
Basically, if you've ever wanted to know how you could make an image turn into an app bar as you scroll down, this is it!
SliverList Official Documentation: https://api.flutter.dev/flutter/widge...
00:00 - Intro
00:45 - How to Use CustomScrollView (Until 04:23)
01:30 - The "sliver" Property
01:45 - The SliverList Widget
02:10 - The SliverChildListDelegate Widget
02:55 - The SliverAppBar Widget
04:24 - Seeing The CustomScrollView In Action
05:28 - Testing With Different Devices
05:58 - Like & Subscribe
06:05 - Flutter Mentor Out
#animation #image #appbar
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...