Blur under the custom app bar only after the scroll, Flutter version
In this tutorial, I want to show how to blur the content under the custom appbar in Flutter. Sometimes we may have something in the background, like gradients and we don’t want to blur it right away.
Environment:
macOS 13.0.1 (22A400)
Flutter 3.3.9
Outline:
00:00 - Intro
01:19 - New project structure, extendBodyBehindAppBar
02:25 - Research default material AppBar, scrolledUnderElavation
04:20 - ScrolledUnder flag
05:40 - Adding blur
06:58 - Main project implementation