bartgryszko / bartgryszko/react-native-circular-slider

Touch responsiveness of slider inaccurate after navigating to component using React Navigation

Open
#42 1 comment 1 reaction 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.