Skip to content

Flutter project demonstrating an animated AppBar that hides on scroll down and reappears on scroll up using ScrollNotification and AnimatedSize.

Notifications You must be signed in to change notification settings

abhi-staark/flutter-scroll-notification-appbar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿš€ Animated Scroll-Aware AppBar in Flutter This Flutter project demonstrates how to create a smoothly animated AppBar that hides when the user scrolls down and reappears on scroll up โ€” a modern UX pattern commonly seen in apps like Instagram, Twitter, and news platforms.

๐Ÿ’ก Features Custom gradient AppBar with rounded corners and avatar

Scroll detection using NotificationListener

Smooth animations via AnimatedSize

Clean, reusable UI structure with custom widgets

Stylish list of image cards to simulate content

๐Ÿ“ฆ Tech Stack Flutter SDK

Dart

Stateless & Stateful Widgets

Scroll Notifications & Animation

๐Ÿ”ง Use Case Perfect for building dashboards, news apps, or any app where you want to maximize screen space during scrolling while maintaining a sleek UI.

About

Flutter project demonstrating an animated AppBar that hides on scroll down and reappears on scroll up using ScrollNotification and AnimatedSize.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published