Given an image, returns dominant colors
npm install react-native-color-grabber --save- Add
node_modules/color-grabber/color-grabberto your project - Run and build
var colorGrabber = require('react-native').NativeModules.colorGrabber
colorGrabber.getColors(image, (err, res) => {
console.log(res);
// Returns:
// {
// 'UIDeviceRGBColorSpace 0.0784314 0.0941176 0.0823529 1': '0.1666667',
// 'UIDeviceRGBColorSpace 0.215686 0.203922 0.262745 1': '0.1666667',
// 'UIDeviceRGBColorSpace 0.517647 0.45098 0.380392 1': '0.6666667'
// }
});Creating a map style from the dominant colors in an image
- Only tested with images from
assets-library:// - Code from
