Expo

Documentation

BlurView

A React 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.

This API is pre-installed in managed apps. To use it in a bare React Native app, follow its installation instructions.


// in managed apps:
import { BlurView } from 'expo';

// in bare apps:
import { BlurView } from 'expo-blur';

tint A string: light, default, or dark.
intensity A number from 1 to 100 to control the intensity of the blur effect.