expo-blur works wrong in android

  1. SDK Version: 40.0.0
  2. Platforms:Android

expo-blur works wrong in android . İos also works well

const styles = StyleSheet.create({
  blurView: {
    position: 'absolute',
    left: 0,
    right: 0,
    bottom: 0,

      style={[StyleSheet.absoluteFill, styles.blurView]}
          style: {
            backgroundColor: 'transparent',
            position: 'absolute',
            left: 0,
            right: 0,
            bottom: 0,
          activeTintColor: Color.primary,
            tabBarIcon: ({ color }) => (
                name="home" size={24}

Outputs :

Androild Emulator:

İos Emulator:

Thans for helping

Unfortunately I think this is a known issue. The docs say “On Android, it falls back to a semi-transparent view.”

See the following feature request and a comment from the issue linked in the feature request comments:


Thanks for helping

@react-native-community/blur, how it can be used in an expo project?


I used it as in the documentation.

I encountered an error in Android

"BlurView" was not found in the UIManager

Unfortunately, @react-native-community/blur is partly native code. For a react-native module that depends on some native code to work in the Expo managed workflow, the native code needs to be built into Expo’s SDK.

The native code for expo-blur is included in the Expo SDK, but not the native code required by @react-native-community/blur.

So if you want to use it, you will unfortunately need to eject.

In future when the Managed Workflow support for EAS has been released, it should be possible to use things like @react-native-community/blur, but until then you’ll have to eject to the Bare Workflow.

Thanks for helping

This topic was automatically closed 20 days after the last reply. New replies are no longer allowed.