| 1 | # expo-blur
|
| 2 |
|
| 3 | 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.
|
| 4 |
|
| 5 | # API documentation
|
| 6 |
|
| 7 | - [Documentation for the master branch](https://github.com/expo/expo/blob/master/docs/pages/versions/unversioned/sdk/blur-view.md)
|
| 8 | - [Documentation for the latest stable release](https://docs.expo.io/versions/latest/sdk/blur-view/)
|
| 9 |
|
| 10 | # Installation in managed Expo projects
|
| 11 |
|
| 12 | For managed [managed](https://docs.expo.io/versions/latest/introduction/managed-vs-bare/) Expo projects, please follow the installation instructions in the [API documentation for the latest stable release](https://docs.expo.io/versions/latest/sdk/blur-view/).
|
| 13 |
|
| 14 | # Installation in bare React Native projects
|
| 15 |
|
| 16 | For bare React Native projects, you must ensure that you have [installed and configured the `react-native-unimodules` package](https://github.com/unimodules/react-native-unimodules) before continuing.
|
| 17 |
|
| 18 | ### Add the package to your npm dependencies
|
| 19 |
|
| 20 | ```
|
| 21 | expo install expo-blur
|
| 22 | ```
|
| 23 |
|
| 24 | ### Configure for iOS
|
| 25 |
|
| 26 | Run `npx pod-install` after installing the npm package.
|
| 27 |
|
| 28 | ### Configure for Android
|
| 29 |
|
| 30 | This package only supports iOS. On Android, a plain `View` with a translucent background will be rendered.
|
| 31 |
|
| 32 | # Contributing
|
| 33 |
|
| 34 | Contributions are very welcome! Please refer to guidelines described in the [contributing guide](https://github.com/expo/expo#contributing).
|