BlurView inside DrawerNavigator sometimes has "white" backgroundColor on Android devices

[ahmetberkinc]

Hello, I am trying to create a blurred drawer by adding a blurView into the drawerNavigator. Most of the time it works properly as I show in the picture.

Sometimes when I navigate to another page and use navigation.goBack() to return main screen it has a "white" background at Android. I do not encounter this situation on IOS devices.

Used Versions: "@react-native-community/blur": "3.6.1", "@react-navigation/drawer": "^5.10.6", "react-native": "0.63.3",

[onderbakirtas]

Similar behavior happens to me as well. I didn't create a new issue since this feels similar to my case. In my case, when I edit the BlurView to have white-ish background (#fffa), it gets applied, but when I close app completely and launch again, background becomes pure white. I just use this in a screen like a View component.

Package versions:

{
  "@react-native-community/blur": "^3.6.0",
  "react-native": "0.64.1",
}

[xD3CODER]

Same issue with a usage in react-navigation v5, if i go back from a screen containing a Blurview., the whole app have a kind of white layer on top.

[bamau]

Same issue! Does anyone have a solution? { "@react-native-community/blur": "^3.6.0", "react-native": "0.64.1", }

[maisterr]

I also ran into this problem. When switching to another screen the blur overlaps with the color. overlayColor="transparent" does not solve the problem

[martin-richter-uk]

I have the exact same issue, if I will open a new page, and close it, the initial screen is blurred.

[ahmetberkinc]

Hi all,

When I opened this issue, I didn't think that a similar situation might have happened to others. Looks like I'm not alone and we're all having the same problem.

@Kureev, Could you please share your thoughts about this issue.

[w4t3r-45]

same issue here guys i use blurview as a backgroundImage of TabbarNavigator it has very weird things sometimes it lags and still shows what was under it , and sometimes it is showing w white background until i quit and back again. any solutions please ?

[SaraChicaD]

Same here, probably just going to have to disable the blur on Android since I have to get this release out. Would appreciate any solutions for subsequent builds, thank you!

[NicholasBoccuzzi]

Came here to post this -- causing a terrible bug when navigating within a nativestacknavigator

[rafael-fecha]

+1

[rafael-fecha]

this issue does not look recent, do you have any news here @Kureev ? animations from the react native stack navigator together with the blur view on android just makes really weird effects when navigating through screens. if i add animationdisabled for the stack screens it works great, so its definitely something coliding between those two

[naveene1]

Same issue "@react-native-community/blur": "^4.3.2", "react-native": "0.71.2",