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...
On this page of the site you can watch the video online Flutter - How To Scroll Animate An Image Into an App Bar (CustomScrollView Widget) with a duration of hours minute second in good quality, which was uploaded by the user Flutter Mentor 03 May 2021, share the link with friends and acquaintances, this video has already been watched 11,829 times on youtube and it was liked by 160 viewers. Enjoy your viewing!
