react-native-blur is not blurring the empty view

[ajaykumar97]

react-native-blur is not blurring the empty view. It only blurs the view only if it has some content inside it. Actually I want to blur the background of the side panel such that the content underneath the side panel looks blurred. Something like:

[seclace]

@ajaykumar97 I don't think so. In my current app blur-view works as expected in ios (not for android). The overlay-view has opacity .2 and is empty.

In jsx:

<View ref={setViewRef} style={styles.overlay}/>

With styles:

...

overlay: {
      ...StyleSheet.absoluteFillObject,
      zIndex: 999,
      backgroundColor: '#0C233F',
      opacity: .2,
},
loader: {
    position: 'absolute',
    zIndex: 1001,
},

...

[ajaykumar97]

Yes that's right. It works perfectly fine for iOS. But does not work for android. Sorry! I forgot to include that issue is coming in Android application. If anyone get the solution, please help!!!

[hirejohnsalcedo]

I think this library fails to support this feature. I've also tried to achieve this look.