Color Picker

@chainplatform/colorpicker is a React Native library implement for react-native and react-native-web support select color.

Install

npm install @chainplatform/colorpicker --save

or

yarn add @chainplatform/colorpicker

Usage

import React from 'react';
import ColorPicker from '@chainplatform/colorpicker';

class App extends React.Component {

    constructor(props) {
        super(props);

        this.state = {
          
        };
    }

    setColor(datas) {
      console.log("datas ", datas);
    }

  render() {
    return (
      <View style={{flex:1}}>
        <ColorPicker
          default_color={"#FEFEFE"}
          key_color={"primary"}
          key_theme={"light"}
          getColor={(datas) => { this.setColor(datas); }}
          containerStyle={
            `height: ${styles.s37}px;
            border-width: ${styles.s0}px;
            width: ${styles.s37}px;
            border-radius: ${styles.s0}px;
            background-color: ${this.props.theme.colors.card};`
          } />
      </View>
    );
  }
}

🪪 License

MIT © 2025 Chain Platform

💖 Support & Donate

If you find this package helpful, consider supporting the development:

| Cryptocurrency | Address | |----------------|----------| | Bitcoin (BTC) | 17grbSNSEcEybS1nHh4TGYVodBwT16cWtc | | Ethereum (ETH) | 0xa2fd119a619908d53928e5848b49bf1cc15689d4 | | Tron (TRX) | TYL8p2PLCLDfq3CgGBp58WdUvvg9zsJ8pd | | DOGE (DOGE) | DDfKN2ys4frNaUkvPKcAdfL6SiVss5Bm19 | | USDT (SOLANA) | cPUZsb7T9tMfiZFqXbWbRvrUktxgZQXQ2Ni1HiVXgFm |

Your contribution helps maintain open-source development under the Chain Platform ecosystem 🚀