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

BlurView not working or rendering properly on Android (react-native 0.77.2, @react-native-community/blur 4.4.1)

Open ketan-pcs opened this issue 8 months ago • 0 comments

@react-native-community/blur: ^4.4.1

react-native: 0.77.2

Platform: Android

The <BlurView> component does not render any blur effect on Android devices. The same code works as expected on iOS, but on Android, the view appears transparent or without any blur effect.

<BlurView style={{ position: 'absolute', top: 0, left: 0, bottom: 0, right: 0, }} blurType="light" blurAmount={2} />

Expected Behavior: The view should apply a light blur effect across the full screen on Android, matching the behavior seen on iOS.

Actual Behavior: No blur effect is visible. The component seems to render nothing or remains transparent, depending on the Android version and device.

ketan-pcs avatar Jun 06 '25 03:06 ketan-pcs