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:

@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.
<View ref={setViewRef} style={styles.overlay}/>
...
overlay: {
...StyleSheet.absoluteFillObject,
zIndex: 999,
backgroundColor: '#0C233F',
opacity: .2,
},
loader: {
position: 'absolute',
zIndex: 1001,
},
...

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!!!
I think this library fails to support this feature. I've also tried to achieve this look.
Most helpful comment
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!!!