react-native-color-picker-ios
v0.1.3
Published
iOS14 Color Picker Module for React Native
Downloads
260
Readme
react-native-color-picker-ios
iOS14 Color Picker Module for React Native
| Grid | Spectrum | Sliders | | --- | --- | --- | | | | |
Installation
- using
npm
:
npm install react-native-color-picker-ios
- using
yarn
:
yarn add react-native-color-picker-ios
Usage
import * as React from 'react';
import { View, Text, TouchableOpacity } from 'react-native';
import ColorPicker from 'react-native-color-picker-ios';
const ColorSelectComponent = () => {
const handlePress = () => {
ColorPicker.showColorPicker(
{ supportsAlpha: true, initialColor: 'cyan' },
(color) => {
console.log(color);
}
);
};
return (
<TouchableOpacity onPress={handlePress}>
<Text>Click to Select Color</Text>
</TouchableOpacity>
);
};
Reference
Methods
showColorPicker()
ColorPicker.showColorPicker(options, callback);
Displays the color picker modal, and runs callback function with selected color.
Options
| Name | Type | Required | default | Description |
| ------------- | ------- | -------- | ------- | ---------------------------------------------------------- |
| supportsAlpha | boolean | NO | false | if true
, user are allowed to chose opacity of the color. |
| initialColor | string | NO | #000
| sets initialColor selected by the picker |
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT