Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Styling the slider #254

Open
kimsean opened this issue Jan 8, 2021 · 16 comments
Open

Styling the slider #254

kimsean opened this issue Jan 8, 2021 · 16 comments
Labels
question Further information is requested

Comments

@kimsean
Copy link

kimsean commented Jan 8, 2021

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

@kimsean kimsean added the question Further information is requested label Jan 8, 2021
@lucidlive
Copy link

Second that - how can we customize this?

@RRaideRR
Copy link

RRaideRR commented Feb 1, 2021

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

@callstack callstack deleted a comment from Sharcoux Feb 1, 2021
@wojteg1337
Copy link
Contributor

There are 3 props to set colours of the slider

minimumTrackTintColor
maximumTrackTintColor
thumbTintColor

Rest of view styles can be passed with style prop

@krini
Copy link

krini commented Feb 16, 2021

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

@mansdahlstrom1
Copy link

mansdahlstrom1 commented Feb 23, 2021

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
Copy link
Contributor

srinu6 commented Mar 17, 2021

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

@Sharcoux
Copy link
Contributor

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

@krini
Copy link

krini commented Mar 17, 2021

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
Copy link

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

No not really, sorry

@AntonRunDev
Copy link

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

@matt-dalton
Copy link

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

@virginiab10
Copy link

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

@BartoszKlonowski
Copy link
Member

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
Copy link

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
Copy link
Member

@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.

@tanimistiak
Copy link

Still no update? It's a must have thing sadly

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
Status: To be analyzed
Development

No branches or pull requests