bartgryszko / bartgryszko/react-native-circular-slider
Touch responsiveness of slider inaccurate after navigating to component using React Navigation
- Dominant language
- JavaScript
- Stars
- 884
- Forks
- 189
- PR merge metrics
- No merged PRs in 30d
Description
It seems that the circular slider is not registering the correct location of my presses only when the component is mounted after being navigated to using react-navigation. I was able to identify the issue as being the **px** value obtained by **this._circle.measure** in **setCircleCenter()** of the CircularSlider component. The value of **px** is different if the component is loaded normally versus if it navigated to using react-navigation. In order to solve this, I simply hardcoded the value for **px** with the value that is obtained when the component loads normally. However, I am not sure if this solution is going to scale well. Does anyone know of any other solution to this problem that I can attempt? Thanks!
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by tracing CircularSlider's setCircleCenter() and the value returned by this._circle.measure for px when the component is mounted normally versus after React Navigation. Reproduce the inaccurate press location in both navigation paths, then verify that the circular slider registers the same touch locations without hardcoding px.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100