callstack / callstack/react-native-slider
Bug when working with expo router
- Dominant language
- TypeScript
- Stars
- 1.4k
- Forks
- 295
- Avg merge
- 5m
- Merged PRs (30d)
- 1
Description
## Environment
* react-native info output:
```
// react-native info
```
* are you using the new architecture?
* which version of react & react-native are you using?
"react": "19.0.0",
"react-native": "0.79.5",
## Description
So I migrated to use expo router from react navigation. One of my pages have two sliders. Before, it was working fine. However, after the migration, when i press back button on that slider page, and then go back to that page via router.push (i am in a stack navigator), the slider with the bigger maximum value would take the value of the other slider. This is such a strange behaviour! Someone needs to fix this! Why are two sliders sharing the same state. I experimented with this and even when the two sliders is not using any states, but I just put constants into the value field, etc., this issue still persists. This is incredibly frustrating. I even tried isolating the two sliders, and to no avail. I tried changing the key, doesn't work.
## Reproducible Demo
Read above
Contributor guide
Research direction
Start by reproducing the report with React 19.0.0 and React Native 0.79.5, using two sliders on a stack screen and navigating away and back through Expo Router. The issue provides no reproducible project, file, entry point, or test, so completion would require isolating the cause and adding a regression test for the two-slider navigation case.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100