question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[iOS] Touch on slider bar brings the thumb to beginning of the bar

See original GitHub issue

Environment

System:
    OS: macOS Mojave 10.14.6
    CPU: (8) x64 Intel(R) Core(TM) i7-4980HQ CPU @ 2.80GHz
    Memory: 1.36 GB / 16.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 10.11.0 - ~/.nvm/versions/node/v10.11.0/bin/node
    Yarn: 1.17.3 - /usr/local/bin/yarn
    npm: 6.4.1 - ~/.nvm/versions/node/v10.11.0/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 12.4, macOS 10.14, tvOS 12.4, watchOS 5.3
    Android SDK:
      API Levels: 28
      Build Tools: 28.0.3
      System Images: android-28 | Google Play Intel x86 Atom
  IDEs:
    Android Studio: 3.5 AI-191.8026.42.35.5900203
    Xcode: 10.3/10G8 - /usr/bin/xcodebuild
  npmPackages:
    react: 16.9.0 => 16.9.0
    react-native: 0.61.1 => 0.61.1

Description

On iOS, when I try to touch the slide to go increase/decrease its value, the thumb always goes to the beginning of the slider without triggering the onValueChange callback. On Android, this behavior works fine.

Reproducible Demo

<Slider
  minimumValue={6}
  value={16}
  maximumValue={26}
  onValueChange={(value) => console.log('Value changed: ', value}
  step={1}
/>

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:7

github_iconTop GitHub Comments

1reaction
michalchudziakcommented, Nov 26, 2019

@mcousillas6 Actually, I found a simple solution, and I’ll quickfix that now, as it seems like high prio. Thank you for your engagement, and we’d love to have some help with other issues if you’d like to contribute 😃

0reactions
SiyabongaNzulwanacommented, Dec 4, 2019

@michalchudziak what if I am still using the react native "react-native": "0.59.9" ? How do I get access to that feature you built, I really need it.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Use AssistiveTouch on iPhone - Apple Support
Touch -and-hold gesture: Touch and hold your finger in one spot until the recording progress bar reaches halfway, then lift your finger. Be...
Read more >
Learn these iPhone gestures to tap and swipe like a pro
Our iPhone 13 gesture guide will show you. ... If you're not a fan of all that swiping, tap with three fingers to...
Read more >
How to use your iphone space bar like a mouse - YouTube
How to use your iphone space bar like a mouse. A quick hack for iPhones.
Read more >
Hidden iPhone Tips and Tricks to Make You an iOS Pro | PCMag
You could tap the screen, but your thumbs are already flying. ... Simply click on the AA font icon in the address bar...
Read more >
Slider Thumb Tap on iOS - Xamarin - Microsoft Learn
This iOS platform-specific enables the Slider.Value property to be set by tapping on a position on the Slider bar, rather than by having...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found