react-native-ui-lib/src/components/slider/context/SliderGroup.js

<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a

import _pt from "prop-types";
import React, { Component } from 'react';
import _ from 'lodash';
import SliderContext from "./SliderContext";
import { Colors } from "../../../style";
import View from "../../view";
export default class SliderGroup extends Component {
  static propTypes = {
    color: _pt.string.isRequired,
    onValueChange: _pt.func.isRequired
  };
  static displayName = 'IGNORE';

  constructor(props) {
    super(props);
    this.state = {
      value: Colors.getHSL(props.color)
    };
  }

  getContextProviderValue() {
    return {
      value: this.state.value,
      setValue: this.setValue
    };
  }

  setValue = value => {
    this.setState({
      value
    });

    _.invoke(this.props, 'onValueChange', Colors.getHexString(value));
  };

  render() {
    return <View {...this.props}>
        <SliderContext.Provider value={this.getContextProviderValue()}>
          {this.props.children}
        </SliderContext.Provider>
      </View>;
  }

}