0.1.3 • Published 23 days ago

react-native-color-picker-ios v0.1.3

Weekly downloads
25
License
MIT
Repository
github
Last release
23 days ago

react-native-color-picker-ios

BuildStatus Version MIT License

iOS14 Color Picker Module for React Native

GridSpectrumSliders

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

NameTypeRequireddefaultDescription
supportsAlphabooleanNOfalseif true, user are allowed to chose opacity of the color.
initialColorstringNO#000sets initialColor selected by the picker

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT