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.

For managed apps, you'll need to run expo install expo-blur. To use it in a bare React Native app, follow its installation instructions.


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.