expo-blur

A component that renders a native blur view on iOS and falls back to a semi-transparent view on Android. A common usage of this is for navigation bars, tab bars, and modals.

Usage no npm install needed!

<script type="module">
  import expoBlur from 'https://cdn.skypack.dev/expo-blur';
</script>

README

expo-blur

A component that renders a native blur view on iOS and falls back to a semi-transparent view on Android. A common usage of this is for navigation bars, tab bars, and modals.

API documentation

Installation in managed Expo projects

For managed managed Expo projects, please follow the installation instructions in the API documentation for the latest stable release.

Installation in bare React Native projects

For bare React Native projects, you must ensure that you have installed and configured the react-native-unimodules package before continuing.

Add the package to your npm dependencies

expo install expo-blur

Configure for iOS

Run npx pod-install after installing the npm package.

Configure for Android

This package only supports iOS. On Android, a plain View with a translucent background will be rendered.

Contributing

Contributions are very welcome! Please refer to guidelines described in the contributing guide.