Overview

The @react-native-community/blur is a component for applying UIVisualEffectView’s blur and vibrancy effect on iOS, and BlurView on Android.

Features

• Supports blur and vibrancy effect: Provides the ability to add blur and vibrancy effect to UI components.
• Cross-platform compatibility: Works seamlessly on both iOS and Android platforms.
• Configurable blur settings: Allows customization of blur amount, blur type, and other properties.

Installation

To install the theme, you can follow these steps:

1. Install the package using npm:

npm install @react-native-community/blur

2. Install native dependencies for iOS:

cd ios && pod install

Summary

The @react-native-community/blur component is a versatile tool for adding blur and vibrancy effects to UI elements in React Native applications. By providing cross-platform compatibility and various customizable settings, it offers developers an easy way to enhance the visual appeal of their apps.