Styling the slider

[kimsean]

where can i find the StyleSheet.js and ViewStylePropTypes.js in the package ?

[lucidlive]

Second that - how can we customize this?

[RRaideRR]

Any updates on this? I have no clue how I can style the slider in a more sophisticated way than just changing three colors.

[wojteg1337]

There are 3 props to set colours of the slider

minimumTrackTintColor
maximumTrackTintColor
thumbTintColor

Rest of view styles can be passed with style prop

[krini]

Yes, but which props can be used? They refer to stylesheet.js

[mansdahlstrom1]

Was also looking around for StyleSheet.js and ViewStylePropTypes.js but could not find it in this repo...

For instance, if i want to change the size of the slider handel, how can i do that?

[srinu6]

I am also looking for that @mansdahlstrom1, have you found a way?

[Sharcoux]

Just use another slider. You can try @sharcoux/slider but anyone will do.

[krini]

Just use another slider. You can try @sharcoux/slider but anyone will do.

That was also my solution. I used https://www.npmjs.com/package/rn-range-slider

[mansdahlstrom1]

I am also looking for that @mansdahlstrom1, have you found a way?

No not really, sorry

[AntonRunDev]

I also searched for this configuration setting, but no luck. I had to look for another library

[matt-dalton]

Is this still the case...can we not customise the styles?

[virginiab10]

Hi! There is still no way to change the slider handler's size?

[BartoszKlonowski]

By using the default thumb it's indeed currently still unsupported. There's still an option to use the image as a thumb, and to customize the size of the image. Thank you for the patience!

[virginiab10]

By using the default thumb it's indeed currently still unsupported. There's still an option to use the image as a thumb, and to customize the size of the image. Thank you for the patience!

Thanks for the response! Could you give me a code example where you pass an image as a prop?

[BartoszKlonowski]

@virginiab10 There are plenty of examples around, especially in the example app of this repository. You can check these lines of example app or this line from the rn-slider-repro-app I prepared for this repository.