How do I add a blur effect at the top and bottom edge of vertical scrollView in flutter

Question

I'm Trying to implement a vertical Scroll view with multiple items inside. Currently the scroll view works just fine but the edges seems to be very sharp and its cropping like this while scrolling,

instead I need to blur the top and bottom edge.

I'm looking for something similar to this answer https://stackoverflow.com/a/61151054/12890791, but this answer is for horizontal scroll.

Answer 1

Make the appBar transparent, set elevation to zero. In the scaffold, set extendBody and extend bodyBehind appBar to true