React-native-blur: Transparent blurred overlay view Android

Created on 17 Jan 2018 · 5Comments · Source: Kureev/react-native-blur

Hi !

Is it now possible to create a blurred overlay view on top of a custom view (text, mapbox map for example etc..) ?

I've read the older issues but i wanted to know if it's now possible or not.

Like 500px example here https://github.com/500px/500px-android-blur/blob/master/blurdemo.gif

Thanks

react-native: 0.49.5
react-native-blur: 3.2.2

Source

sandroferrari

👍18

Most helpful comment

Exactly looking for the same. Is it possible to create without using background Image? I want to show the parent content on top of the background blur view in modal.

Similar kind of this:

blur view

Balasnest on 13 May 2018

👍5

All 5 comments

update?

MiLeung on 13 Apr 2018

Exactly looking for the same. Is it possible to create without using background Image? I want to show the parent content on top of the background blur view in modal.

Similar kind of this:

blur view

Balasnest on 13 May 2018

👍5

I have the same issue. react-native-blur is not blurring the empty view. It only blurs the view only if it has some content inside it.

ajaykumar97 on 6 Jun 2018

I'd like to do the same as @Balasnest but I've couldn't (on Android). Is there any way to do that?

gusbueno on 16 Aug 2018

hey guys i made something like this in my repository for both platforms . and i'm working to make that more fancy
https://github.com/lvlrSajjad/sajjad-blur-overlay