# react-native-image-blur-applaunch

> ## Getting started

Latest version **1.0.5** (published 2021-07-27) · AppLaunch Pvt Ltd license · 0 weekly downloads

## Install

```sh
npm install react-native-image-blur-applaunch
pnpm add react-native-image-blur-applaunch
yarn add react-native-image-blur-applaunch
bun add react-native-image-blur-applaunch
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2021-07-27 |
| First published | 2021-07-26 |
| Weekly downloads | 0 |
| License | AppLaunch Pvt Ltd |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 106.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Raj Pratap Singh Jadon |
| Maintainers | applaunch |
| Keywords | react-native |

## Links

- npm: https://www.npmjs.com/package/react-native-image-blur-applaunch
- npm.io page: https://npm.io/package/react-native-image-blur-applaunch

## Recent versions

- 1.0.5 (latest) — 2021-07-27
- 1.0.4 — 2021-07-27
- 1.0.3 — 2021-07-27
- 1.0.2 — 2021-07-26
- 1.0.1 — 2021-07-26
- 1.0.0 — 2021-07-26

## README

# react-native-image-blur

## Getting started

`$ npm install react-native-image-blur-applaunch --save`

### Mostly automatic installation

`$ react-native-image-blur-applaunch`

### Manual installation


#### iOS

1. In XCode, in the project navigator, right click `Libraries` ➜ `Add Files to [your project's name]`
2. Go to `node_modules` ➜ `react-native-image-blur-applaunch` and add `RNImageBlur.xcodeproj`
3. In XCode, in the project navigator, select your project. Add `libRNImageBlur.a` to your project's `Build Phases` ➜ `Link Binary With Libraries`
4. Run your project (`Cmd+R`)<

#### Android

1. Open up `android/app/src/main/java/[...]/MainApplication.java`
  - Add `import com.applaunch.reactnative.RNImageBlurPackage;` to the imports at the top of the file
  - Add `new RNImageBlurPackage()` to the list returned by the `getPackages()` method
2. Append the following lines to `android/settings.gradle`:
  	```
  	include ':react-native-image-blur-applaunch'
  	project(':react-native-image-blur-applaunch').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-image-blur-applaunch/android')
  	```
3. Insert the following lines inside t
he dependencies block in `android/app/build.gradle`:
  	```
      implementation project(':react-native-image-blur-applaunch')
  	```

4. Add ImageBlurScreenActivity into your AndroidManifest.xml
  	```
      <activity android:name="com.applaunch.reactnative.ImageBlurScreenActivity"
      android:theme="@style/Base.Theme.AppCompat"/> <!
  	```

## Usage
```javascript

// Create js file and paste this code

import React from 'react'
import PropTypes from 'prop-types'
import { requireNativeComponent } from 'react-native'

class ImageBlurComponent extends React.Component {
  render() {
    return <RNImageBlur {...this.props} />
  }
}

ImageBlurComponent.propTypes = {
  url: PropTypes.string.isRequired
}

ImageBlurComponent.defaultProps = {
  resizeMode: 'contain',
}

var RNImageBlur = requireNativeComponent('RNImageBlur', ImageBlurComponent)

export default ImageBlurComponent

// After creating this file just import it and use it.

import ImageBlurComponent from '../../../NativeModules/ImageBlurComponent'

<ImageBlurComponent url ={'Image Uri'} />

```

---
_Source: https://npm.io/package/react-native-image-blur-applaunch · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._