search

Kureev / react-native-blur

React Native Blur component
MIT License
3.74k stars 554 forks source link

react-native-blur is not blurring the empty view #273

Open ajaykumar97 opened 6 years ago

ajaykumar97 commented 6 years ago

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

seclace commented 6 years ago

@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

ajaykumar97 commented 6 years ago

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 commented 4 years ago

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