Image color picker: Provide image source and it will return
$ npm install react-native-image-color-picker --save
or
$ yarn add react-native-image-color-picker --save
and
$ react-native link image-color-picker #(for android)
import React, { Component } from 'react';
import { ImageColorPicker } from 'react-native-image-color-picker';
export default class App extends Component {
pickerCallback = message => {
if (message && message.nativeEvent && message.nativeEvent.data) {
console.log(message.nativeEvent.data); // response from ImageColorPicker
}
};
render() {
return (
....
<ImageColorPicker
imageUrl="https://dummyimage.com/100x100"
pickerCallback={this.pickerCallback}
/>
....
);
}
}
imageUrl
: url of image pickerCallback
: callback method for ImageColorPicker Success or FailureimageType
: type of image e.g. jpeg, png Default value: jpeg
paletteType
: palette type e.g average
: for average color of image, dominant
: dominant colors in image Default value: dominant
paletteCount
: no of color palettes need e.g. 3 dominant color palette, applicable only in case of paletteType: 'dominant'
Default value: 3
defaultPalette
: default color palette Default value: [0, 0, 0, 1]
colorType
: color code type e.g. rgba or hex Default value: rgba
pickerStyle
: picker container stylesimageWidth
: custom image width, other than naturalimageHeight
: custom image height, other than naturalInterested in contributing to this repository? PR are most welcome!