iOS 14 Color Picker For React Native

A React Native module that creates an iOS 14 style color picker on the app.

Install & Import:

# Yarn
$ yarn add react-native-color-picker-ios

# NPM
$ npm i react-native-color-picker-ios
import * as React from 'react';
import { View, Text, TouchableOpacity } from 'react-native';
import ColorPicker from 'react-native-color-picker-ios';

Basic Usage:

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>
  );
};

Previews:

iOS 14 Color Picker For React Native Spectrum

Spectrum

iOS 14 Color Picker For React Native Grid

Grid

iOS 14 Color Picker For React Native

Sliders

Download Details:

Author: Naturalclar

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/Naturalclar/react-native-color-picker-ios

License: MIT

You Might Be Interested In:

Add Comment