V

Volodymyr

2 min

React Native blur is the request that does not stop

People keep asking for frost on headers, sheets, and presses. Here is why I tag every blur I find, and where that shelf lives.

People keep sending the same ticket. Frost the header. Soften the sheet. I tag every blur I find. If you are shipping an app with frost in it, this is the pile.

A backdrop is not a blur animation

expo-blur gives you BlurView. On iOS it is a system material. Intensity from 1 to 100. Reanimated can tick that number, so the frost can come in. On Android the same component used to be a tint. In current Expo it is stable, but you still wrap the thing you want frosted in a BlurTargetView and point the BlurView at it. Skip that, and you get a veil, not a blur.

That is one job. A header. A tab bar. A modal that should not hide the screen behind it.

A Skia Blur is a different job. It is an image filter. You draw, then you soften. Fine for a glow, a smear, a card that melts. It is not UIVisualEffectView. You can tell them apart the moment they move.

Then there is the tap. Hold, and the background goes soft. Release, and it snaps back. Same word. Different stack.

I tag the ones that have blur in them

A blur component. A blur animation. A blur interaction. I do not split those into three catalogs. The person asking for frost does not care which noun I used in the dashboard. They care that the video looks like the thing in their head.

So I keep tagging. The request is highly requested. It does not cool off. Every week someone is building a paywall, a sheet, a glass header. They want to see how other people did the frost, then they want to steal the feel.

That is the whole reason the shelf exists. Inspiration first. Integration second.

This is the pile

If you need frost on a header, a sheet, a press, start at the Blur filter. I keep dropping new ones there.