yuanfux / react-native-hsv-color-picker

a react native HSV(hue, saturation, value) color picker
https://snack.expo.io/@fuyuanx/react-native-hsv-color-picker
48 stars 41 forks source link

how can i have the hue slider in bottom of the value picker #13

Closed anton-thushara closed 3 years ago

anton-thushara commented 3 years ago

is there any way to have the hue slider in the bottom of the value picker rather than having it in the right side?

anton-thushara commented 3 years ago

managed to do it, heres the code <HsvColorPicker huePickerHue={hue} onHuePickerDragMove={this.onHuePickerChange} onHuePickerPress={this.onHuePickerChange} satValPickerHue={hue} satValPickerSaturation={sat} satValPickerValue={val} onSatValPickerDragMove={this.onSatValPickerChange} onSatValPickerPress={this.onSatValPickerChange} huePickerBorderRadius={5} huePickerSliderSize={20} containerStyle={{flexDirection: 'column'}} huePickerContainerStyle={{transform: [{ rotate: '-90deg'}], marginTop: -90}} //satValPickerContainerStyle={{backgroundColor: 'red'}} huePickerBarWidth={30} //huePickerBarHeight={230} />

yuanfux commented 3 years ago

glad you figured it out!