react-native-blur
react-native-blur copied to clipboard
[Android] BlurViews make the whole app turn white in Release build
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.
@trucdongtxtv Did you find any workaround yet?
@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();
}
@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.
+1
+1
+1
Same for me! Debug work fine but release show a matte overlay on screen
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.
I facing the same issue
Any updates here? Having the same issue.
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)
Any Updates?
still any update?