NativeBase icon indicating copy to clipboard operation
NativeBase copied to clipboard

Slider thumb moves faster than cursor/thinger when using a step

Open obasille opened this issue 2 years ago • 6 comments

Description

When using a step with the slider, the thumb will move faster than the user's finger/cursor on mobile platforrms. It works fine on web.

CodeSandbox/Snack link

https://snack.expo.dev/@zilhk/native-base-slider-step-issue

Steps to reproduce

  1. Go to provided snack link
  2. Run snack on mobile phone
  3. Place finger on thumb and slide to move it

=> the thumb will move faster than the finger

The slider is used like this:

<Slider w="3/4" maxW="300" minValue={0} maxValue={100} step={10}>
  <Slider.Track>
    <Slider.FilledTrack />
  </Slider.Track>
  <Slider.Thumb />
</Slider>

NativeBase Version

3.4.25

Platform

  • [X] Android
  • [ ] CRA
  • [X] Expo
  • [X] iOS
  • [ ] Next

Other Platform

No response

Additional Information

No response

obasille avatar Jan 27 '23 12:01 obasille

Hi is there some progress or more information regarding this bug?

Kismar avatar Jul 10 '23 10:07 Kismar

I have the same issue, any news ?

LaGregance avatar Oct 14 '23 07:10 LaGregance

I don't think the developers intend to continue developing this package. See this issue: https://github.com/GeekyAnts/NativeBase/issues/4302

obasille avatar Oct 16 '23 15:10 obasille

Thanks for your answer, but in my opinon gluestack is still a too early project to be used in production right now...

LaGregance avatar Oct 16 '23 16:10 LaGregance

Hi @LaGregance currently on our project we are thinking to migrate to tamagui But in the meantime we used as our slider component from this library @miblanchard/react-native-slider, which works just fine. Hope it helps.

Kismar avatar Oct 17 '23 13:10 Kismar

Hi @LaGregance currently on our project we are thinking to migrate to tamagui But in the meantime we used as our slider component from this library @miblanchard/react-native-slider, which works just fine. Hope it helps.

Thank you, in my case I manage to do what I want using @react-native-assets/slider

LaGregance avatar Oct 17 '23 14:10 LaGregance