react-native-blur icon indicating copy to clipboard operation
react-native-blur copied to clipboard

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

Open tiengtructiengdong opened this issue 3 years ago • 13 comments

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:

  • In Android, the whole screen turns white. In some cases, it is white-faded.
  • In iOS, as expected.

tiengtructiengdong avatar Aug 08 '22 04:08 tiengtructiengdong

@trucdongtxtv Did you find any workaround yet?

hainguyentien avatar Aug 17 '22 03:08 hainguyentien

@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();
    }

tiengtructiengdong avatar Aug 17 '22 03:08 tiengtructiengdong

@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.

RahulMore-Codes avatar Aug 19 '22 12:08 RahulMore-Codes

+1

Takesizmail avatar Aug 26 '22 13:08 Takesizmail

+1

godlikeAlex avatar Aug 26 '22 16:08 godlikeAlex

+1

nguyen95 avatar Aug 27 '22 07:08 nguyen95

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

nguyen95 avatar Aug 27 '22 07:08 nguyen95

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.

ghost avatar Sep 20 '22 16:09 ghost

I facing the same issue

wragony avatar Nov 16 '22 16:11 wragony

Any updates here? Having the same issue.

SaraChicaD avatar Dec 03 '22 19:12 SaraChicaD

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)

leonardoballand avatar Mar 04 '23 22:03 leonardoballand

Any Updates?

SHYDEV-KR avatar Sep 25 '23 13:09 SHYDEV-KR

still any update?

aurangs7 avatar Jan 25 '24 09:01 aurangs7