callstack / callstack/react-native-slider
Thumb flickers and jumps when slider value is set programmatically
- Dominant language
- TypeScript
- Stars
- 1.4k
- Forks
- 295
- Avg merge
- 5m
- Merged PRs (30d)
- 1
Description
## Environment
```
info Fetching system and libraries information...
System:
OS: Windows 11 10.0.22631
CPU: "(12) x64 AMD Ryzen 5 7530U with Radeon Graphics "
Memory: 14.63 GB / 31.35 GB
Binaries:
Node:
version: 22.16.0
path: ~\AppData\Local\fnm_multishells\16944_1750346856565\node.EXE
Yarn:
version: 1.22.22
path: C:\Program Files (x86)\Yarn\bin\yarn.CMD
npm:
version: 10.9.2
path: ~\AppData\Local\fnm_multishells\16944_1750346856565\npm.CMD
Watchman: Not Found
SDKs:
Android SDK:
API Levels:
- "34"
- "35"
Build Tools:
- 30.0.3
- 34.0.0
- 35.0.0
System Images:
- android-34 | Google Play Intel x86_64 Atom
- android-35 | Google Play Intel x86_64 Atom
Android NDK: Not Found
Windows SDK:
AllowDevelopmentWithoutDevLicense: Enabled
AllowAllTrustedApps: Enabled
Versions:
- 10.0.26100.0
IDEs:
Android Studio: AI-243.24978.46.2431.13208083
Visual Studio: Not Found
Languages:
Java: 17.0.12
Ruby: Not Found
npmPackages:
"@react-native-community/cli":
installed: 18.0.0
wanted: ^18.0.0
react:
installed: 18.3.1
wanted: 18.3.1
react-native:
installed: 0.76.9
wanted: ^0.76.9
react-native-windows: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: Not found
newArchEnabled: Not found
iOS:
hermesEnabled: Not found
newArchEnabled: Not found
info React Native v0.80.0 is now available (your project is running on v0.76.9).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.80.0
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.76.9&to=0.80.0
info For more info, check out "https://reactnative.dev/docs/upgrading?os=windows".
```
* are you using the new architecture? Yes
* which version of react & react-native are you using? 18.3.1
## Description
I'm using Expo 52 and using a simple Slider that follows the official documentation, and the slider thumb just jumps and causes weird UI behavior. I'm using an [Expo Development Build](https://docs.expo.dev/develop/development-builds/introduction/) and testing it on an Android device. Here's the simple example:
## Reproducible Demo
```jsx
export const LightLevel = () => {
const [value, setValue] = useState(10)
return (
<>
Light: {value && +value.toFixed(3)}%
)
}
```
Contributor guide
Assessment
This issue has not been assessed yet.