react-native-image-filter-android

Getting started

$ npm install react-native-image-filter-android --save

Mostly automatic installation

$ react-native link react-native-image-filter-android

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-filter-android and add RNImageFilterAndroid.xcodeproj
3. In XCode, in the project navigator, select your project. Add libRNImageFilterAndroid.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/[...]/MainActivity.java

• Add import com.reactlibrary.RNImageFilterAndroidPackage; to the imports at the top of the file
• Add new RNImageFilterAndroidPackage() to the list returned by the getPackages() method

2. Append the following lines to android/settings.gradle:

   include ':react-native-image-filter-android'
   project(':react-native-image-filter-android').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-image-filter-android/android')

3. Insert the following lines inside the dependencies block in android/app/build.gradle:

     compile project(':react-native-image-filter-android')

Windows

Read it! :D

1. In Visual Studio add the RNImageFilterAndroid.sln in node_modules/react-native-image-filter-android/windows/RNImageFilterAndroid.sln folder to their solution, reference from their app.
2. Open up your MainPage.cs app

• Add using Image.Filter.Android.RNImageFilterAndroid; to the usings at the top of the file
• Add new RNImageFilterAndroidPackage() to the List<IReactPackage> returned by the Packages method

Usage

Import Library

import FilterImage from 'react-native-image-filter-android';

Scale Down Image

   const res= await FilterImage.ScaleDownImage(Image,Scale); 
   //Image: Input URI of image (String)
   //Scale: The Factor by which you want to reduce the width and height of the image (Number)
   console.log(res);
   //res: The Output URI of the Image (String)

Set Contrast Of Image

     const res=await FilterImage.SetContrast(Image,Contrast);
	//Image: Input URI of image (String)
	//Contrast: The Contrast that you want to apply the Image (Number)
     console.log(res);
	 //res: The Output URI of the Image (String)

Set Hue Of Image

     const res=await FilterImage.SetHue(Image,Hue);
	//Image: Input URI of image (String)
	//Hue: The Hue that you want to apply the Image (Number)
     console.log(res);
	 //res: The Output URI of the Image (String)

Set Saturation Of Image

    const res=await FilterImage.SetSaturation(Image,Saturation);
	//Image: Input URI of image (String)
	//Saturation: The Saturation that you want to apply the Image (Number)
    console.log(res);
	//res: The Output URI of the Image (String)

Set Brightness Of Image

  const res=await FilterImage.SetBrightness(Image,Brightness);
  //Image: Input URI of image (String)
  //Brightness: The Brightness that you want to apply the Image (Number)
  console.log(res);
  //res: The Output URI of the Image (String)

Sharpen Image

  const res=await FilterImage.SharpenImage(Image,Sharpen);
  //Image: Input URI of image (String)
  //Sharpen: The amount by which you want to sharpen the image (Number)
  console.log(res);
  //res: The Output URI of the Image (String)

Set Sepia Filter

  const res=await FilterImage.SetSepiaFilter(Image);
  //Image: Input URI of image (String)
  console.log(res);
  //res: The Output URI of the Image (String)

Mirror Image

  const res=await FilterImage.MirrorImage(Image,Type);
  //Image: Input URI of image (String)
  //Type: If Type is 1, the image will be mirrored horizontally (Number)
  //Type: If Type is 2, the image will be mirrored vertically (Number)
  console.log(res);
  //res: The Output URI of the Image (String)

Rotate Image by any angle

    const res=await FilterImage.RotateImage(Image,Rotation);
	//Image: Input URI of image (String)
	//Rotation: The amount by which you want to rotate the image (Number)
    console.log(res);
	//res: The Output URI of the Image (String)

Set Blue Filter Of Image

  const res=await FilterImage.SetBlueFilter(Image);
  //Image: Input URI of image (String)
  console.log(res);
  //res: The Output URI of the Image (String)

Set Blur Filter Of Image

  const res=await FilterImage.SetBlurFilter(Image);
  //Image: Input URI of image (String)
  console.log(res);
  //res: The Output URI of the Image (String)

Set GrayScale Of Image

    const res=await FilterImage.SetGrayScale(Image);
	//Image: Input URI of image (String)
    console.log(res);
	//res: The Output URI of the Image (String)

Set Green Filter Of Image

  const res=await FilterImage.SetGreenFilter(Image);
  //Image: Input URI of image (String)
  console.log(res);
  //res: The Output URI of the Image (String)

Set Negative Filter Of Image

  const res=await FilterImage.SetNegative(Image);
  //Image: Input URI of image (String)
  console.log(res);
  //res: The Output URI of the Image (String)

Set Red Filter Of Image

  const res=await FilterImage.SetRedFilter(Image);
  //Image: Input URI of image (String)
  console.log(res);
  //res: The Output URI of the Image (String)

Methods

| Method | Return Type | Description |
| ------ | ---------- | --------------------------------------------------------------- | | ScaleDownImage | String | This method is used to reduce the width and height of the image, by passing a scale. The scale is an integer value. The new width and height are calculated as width'=width / 2^scale, height' = height / 2^scale. Use this method to reduce width and height of an image for faster processing | | SetContrast | String | This method is used to apply contrast to an image | | SetHue | String | This method is used to apply hue to an image | | SetSaturation | String | This method is used to apply saturation to an image | | SetBrightness | String | This method is used to apply brightness to an image. Any value less than or equal to 0 will return the original image. If the brightness is between 0 and 1, it will darken the image | | SharpenImage | String | This method is used to sharpen an image. Any value less than or equal to 0 will return the original image | | SetSepiaFilter | String | This method is used to apply sepia filter to an image | | MirrorImage | String | This method is used to mirror an image horizontally or vertically | | RotateImage | String | This method is used to rotate an image with a specified angle | | SetBlueFilter | String | This method is used to apply blue filter to an image| | SetBlurFilter | String | This method is used to apply blur filter to an image| | SetGrayScale | String | This method is used to apply grayscale filter to an image| | SetGreenFilter | String | This method is used to apply green filter to an image| | SetNegative | String | This method is used to apply negative filter to an image| | SetRedFilter | String | This method is used to apply red filter to an image|

Demo