Light

naturalclar / react-native-color-picker-ios Goto Github PK

View Code? Open in Web Editor NEW

104.0 4.0 7.0 1.84 MB

iOS14 UIColorPicker Module for react-native

License: MIT License

Kotlin 7.04% JavaScript 12.64% Java 32.43% TypeScript 14.67% Objective-C 18.94% Swift 10.60% Ruby 3.69%

react-native hacktoberfest color-picker ios typescript

react-native-color-picker-ios's Introduction

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

react-native-color-picker-ios's People

Contributors

Stargazers

Watchers

Forkers

tihimsm trendingtechnology raphaelrk mateusz1913 imyuanx jerryseigle jaaahh

react-native-color-picker-ios's Issues

TypeError: null is not an object (evaluating 'RNCColorPicker.showColorPicker')

I get this error..
I also try react-native link to link this library , but still not work
I get This error

Expo support

I am attempting to use this library on an Expo project (running on IOS), but I am running into the following error:
TypeError: null is not an object (evaluating 'RNCColorPicker.showColorPicker')

I have recreated the problem on an Expo snack. Is there any way this library could work on Expo? It looks really good so far.

Add Support for MacOS

Add Support for react-native-macos

Module RNCColorPicker requires main queue setup since it overrides `init` but doesn't implement `requiresMainQueueSetup`.

Hello, I am getting the above error while using the module. How should I resolve this warning?

Environment

react-native info

System:
    OS: macOS 12.2.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 173.48 MB / 32.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 18.7.0 - /opt/homebrew/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 8.15.0 - /opt/homebrew/bin/npm
    Watchman: 2022.07.04.00 - /opt/homebrew/bin/watchman
  Managers:
    CocoaPods: 1.11.3 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
    Android SDK: Not Found
  IDEs:
    Android Studio: Not Found
    Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
  Languages:
    Java: Not Found
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2
    react-native: 0.68.0 => 0.68.0
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Open to eyedropper

Any way to make this open directly to the eye dropper tool?

Darg close model no trigger callback.

I must click close icon get color, No trigger callback when drag close model !

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.