Package Exports

native-color-picker

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (native-color-picker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

NativeColorPicker

About

React Native color picker component

How to Install

First, install the library in your project by npm:

$ npm install native-color-picker

Or Yarn:

$ yarn add native-color-picker

Getting Started

• Connect libary with project using ES6 import:

import NativeColorPicker from 'native-color-picker';

Options

Name	Type	Default	Description	Available options
animate	string		Animate marker on item select	`scale` or `rotate`
colors	string[]	`[]`	Colors to display in a color picker	e.g.: `['#f96204', '#43d8c9']`
columns	number	`5`	Number of columns in color list (only vertical)	Number of columns
gradient	boolean	`false`	Enable or disable gradient layer over the color item	`true` - enable, `false` - disable
horizontal	boolean	`false`	Enable or disable horizontal scroll direction	`true` - horizontal, `false` - vertical
itemSize	number	`44`	Size (`width` & `height`) of list item	Size of list item
marker	string	`border`	Type of marker for selected item	`border`, `checkmark`, `fade`, `none`
markerStyle	string	`contrast`	Color style of marker	`adjust`, `contrast` or color
onSelect	function	`item => item`	Select color item	e.g.: `elem => { /* code */ }`
selectedColor	string		Marked item	Color from the list `colors`
shadow	boolean	`false`	Display shadow for list items	`true` - enable, `false` - disable
sort	boolean	`false`	Order colors by perception	`true` - enable, `false` - disable