React Templates & Themes Logo React Templates & Themes
React Native Blur screenshot

React Native Blur

Author Avatar Theme by Kureev
Updated: 29 Aug 2024
3870 Stars

React Native Blur component

Github

Categories

React native

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
  1. 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.