React-native-blur: Blurview cannot contain any child view on Android

Created on 31 Oct 2019 · 6Comments · Source: Kureev/react-native-blur

use this Library to have a vertical swipe on a sample App I have made. it's working very fine on an iOS device but I got an error while running on Android Device. please look at the screenshot
Capture d’écran 2019-10-31 à 21 17 22

Source

Doha26

Most helpful comment

Same here. Why on Earth does the "working example for both iOS and Android" has child inside the blur view then?

canpoyrazoglu on 25 Mar 2020

👍6 😄1

All 6 comments

That's a limitation written down here : https://github.com/react-native-community/react-native-blur#android

The Android library introduces some limitations:

BlurView cannot be a child of the view that is being blurred (this would cause an infinite loop)
BlurView cannot contain any child components.

g3r4n on 26 Nov 2019

Hi,
This PR is gonna take care of it :
https://github.com/react-native-community/react-native-blur/pull/358 no more need for viewRef on Android AND BlurView can have children now.

Daavidaviid on 29 Feb 2020

Same here. Why on Earth does the "working example for both iOS and Android" has child inside the blur view then?

canpoyrazoglu on 25 Mar 2020

👍6 😄1

This issue might as well be closed, I just ran into the same error using version 3.4.1, updating it to 3.6.0 gets rid of it. Well done, thanks to all the contributors!