Warning: Slider has been extracted from react-native core and will be removed in a future release about react-native-color-picker HOT 10 OPEN

you can use it now via sliderComponent props in 0.5.0

from react-native-color-picker.

@sodik82 I am still getting a warning, even when I do provide this prop.

My Code:

import { ColorPicker, toHsv, fromHsv } from 'react-native-color-picker';
import Slider from '@react-native-community/slider';
// ...

<ColorPicker
	sliderComponent={Slider}
	color={headColor}
	style={{ flex: 1 }} />

from react-native-color-picker.

can you try with 0.5.1?

from react-native-color-picker.

@sodik82 Yip, worked. Thanks!

from react-native-color-picker.

@sodik82 Actually I have to reopen, the issue still persists. It was only gone shortly but the warning is back on every reload of my app. Same stack trace as above.

from react-native-color-picker.

same goes to me .. but when using trianglecolerpicker the error do not pop out when everytime I reload the app

@sodik82 Actually I have to reopen, the issue still persists. It was only gone shortly but the warning is back on every reload of my app. Same stack trace as above.

from react-native-color-picker.

you can use it now via sliderComponent props in 0.5.0

Thanks, I added

import Slider from '@react-native-community/slider';
<ColorPicker
sliderComponent={Slider}
..
/>

and it works

from react-native-color-picker.

I made a post earlier saying that I had figured out how to add the react-native-community slider and then set the color on it by providing this as the sliderComponent

const renderSliderComponent = () => {
    return (
      <View>
        <Slider 
          minimumTrackTintColor={theme.colors.medium}
        />
      </View>
    )
  }

However, I realized that providing it this way changes the color of the slider but then the sliders stop working. Is there any props that I can add that would make it so that the sliders still work?

from react-native-color-picker.

@Jake-Mulhern - you need to pass prop to the slider so that it can work

(props) => .... <Slider {...props} color="yellow"/>

from react-native-color-picker.

you need to pass prop to the slider so that it can work

(props) => .... <Slider {...props} color="yellow"/>

@sodik82 when I pass {...props} in to the component it breaks the sliders. They are just stuck in the same location and won't move even if I don't pass the minimumTrackTintColor in as another prop.

When I log the props being passed in I get this.

{
  "onValueChange": [Function bound ],
  "value": 1,
}
Object {
  "onValueChange": [Function bound ],
  "value": 0.4823529411764706,
}

from react-native-color-picker.