react-native-blur is not blurring the empty view

Created on 6 Jun 2018  路  3Comments  路  Source: Kureev/react-native-blur

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:
side

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!!!

All 3 comments

@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,
},

...

simulator screen shot - iphone 6 - 2018-07-05 at 11 15 33

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.

Was this page helpful?
0 / 5 - 0 ratings