I’m trying to create a background image in my Expo app where the blur effect smoothly increases from top (no blur) to bottom (strong blur).
At the bottom of the screen, I have white text on top of that blurred area.
I’ll attach a reference image for the visual effect I’m trying to achieve.
https://i.ibb.co/hFhsLpr8/pdp.png
The idea is:
The top of the image remains sharp
The blur gradually increases toward the bottom
The text sits on the blurred part so it remains readable
I want this to work on both iOS and Android without custom native modules.
What’s the proper way to achieve a smooth gradient blur (increasing blur toward the bottom) in Expo?
