Kureev / react-native-blur

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

[Android] BlurViews make the whole app turn white in Release build #486

Open tiengtructiengdong opened 1 year ago

tiengtructiengdong commented 1 year ago

Steps to reproduce

I created multiple BlurView's inside a screen component. I also did set overlayColor to 'transparent' and wrap the BlurView with another view and set {overflow: 'hidden'}.

` <View style={{ ...style, overflow: 'hidden' }}>

  <RNBlur
    blurType="light"
    blurRadius={20}
    overlayColor={'transparent'}
    style={{
      position: 'absolute',
      height: '100%',
      width: '100%',
      backgroundColor: 'transparent',
    }}
  />
  {children}
  </View>`

Expected result

No white fades exist, and the BlurViews are bounded, aligned and shown as normally configured.

Actual result

Debug mode: As expected. Release mode:

hainguyentien commented 1 year ago

@trucdongtxtv Did you find any workaround yet?

tiengtructiengdong commented 1 year ago

@trucdongtxtv Did you find any workaround yet?

I tried setting overlay color to Color.TRANSPARENT in BlurViewManager.java. It doesn't work.

    @ReactProp(name = "overlayColor", customType = "Color")
    public void setColor(BlurView view, int color) {
        view.setOverlayColor(Color.TRANSPARENT);
        view.invalidate();
    }
RahulMore-Codes commented 1 year ago

@trucdongtxtv Yes exactly! Its working fine on Android-12 in both debug & release, but in Android-11 & below versions its showing white screen on debug & release both mode.

Takesizmail commented 1 year ago

+1

godlikeAlex commented 1 year ago

+1

nguyen95 commented 1 year ago

+1

nguyen95 commented 1 year ago

Same for me! Debug work fine but release show a matte overlay on screen

ghost commented 1 year ago

Same here! Only one screen is concerned. We implement the blur view in some part of the app and only the one which display a camera view not working. We display a modal with a blur as a background. This issue does not prevent app to run but this is not the behavior we want.

wragony commented 1 year ago

I facing the same issue

SaraChicaD commented 1 year ago

Any updates here? Having the same issue.

leonardoballand commented 1 year ago

Same here using 4.3.0 on RN 0.71.3.

White screen on debug (havent tested release mode yet) since displaying a specific screen, navigating will keep white screen/foggy (like a transparent white screen on top of the app)

SHYDEV-KR commented 9 months ago

Any Updates?

aurangs7 commented 5 months ago

still any update?