react-native-color-wheel

react-native-color-wheel

:art: A react native reusable and color picker wheel

import React, { Component } from 'react';
import {
  Dimensions,
  StyleSheet,
  View
} from 'react-native';
import { ColorWheel } from './ColorWheel';

export default class Example extends Component {
  render() {
    return (
      <View style={{flex: 1}}>
        <ColorWheel
          initialColor="#ee0000"
          onColorChange={color => console.log({color})}
          style={{width: Dimensions.get('window').width}}
          thumbStyle={{ height: 30, width: 30, borderRadius: 30}} />
        <ColorWheel
          initialColor="#00ee00"
          style={{ marginLeft: 20, padding: 40, height: 200, width: 200 }} />
      </View>
    )
  }
}

More documentation is incoming, in the meanwhile please read the source code. It is a single file! PRs and issues are more than welcome.

 This package powers Yeti Smart Home and is used in production. Follow us in Github or https://twitter.com/netbeast_co.