Information

This is a fork from LeBlaaanc's library (https://github.com/leblaaanc/react-native-pixel-color).
It also uses a sightly modified version of bamblab ImageResizer (https://github.com/bamlab/react-native-image-resizer). Added Android library and fixed some iOS stuff to make it work correctly.

React Native Pixel Color

Returns the pixel color from a graphic at a given coordinate.

Setup

Install the package:

React-Native 0.29.2+

npm install --save react-native-pixel-color
react-native link react-native-pixel-color

React-Native < 0.29.2

npm install rnpm -g
rnpm install react-native-pixel-color

Android

Note: on latest versions of React Native, you may have an error during the Gradle build on Android (com.android.dex.DexException: Multiple dex files define Landroid/support/v7/appcompat/R$anim). Run cd android && ./gradlew clean to fix this.

Usage example

import PixelColor from 'react-native-pixel-color';

PixelColor.getHex(imageUriOrData, {x: x, y: y}).then((color) => {
  // #000000
}).catch((err) => {
  // Oops, something went wrong. Check that the filename is correct and
  // inspect err to get more details.
});

Sample app

Examples are found in the the examples folder.

API

promise getHex(path, coords)

The promise resolves with a string containing the uri of the new file.

Option	Description
path	Path of image file, or a base64 encoded image string prefixed with 'data:image/imagetype' where imagetype is jpeg or png.
coords	{ x: int, y: int }