Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Thumb flickers and jumps when slider value is set programmatically

Abierto
  • ¿Algo no está bien?
#716 11 comentarios 0 reacciones 1 asignado Ver en GitHub

@draggie ya está trabajando en esto.

Desde el 17/7/2025.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

bug report v6

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 and testing it on an Android device. Here's the simple example:

Reproducible Demo

export const LightLevel = () => {
	const [value, setValue] = useState(10)
	return (
		<>
			<Text>Light: {value && +value.toFixed(3)}%</Text>
			<Slider
				style={{ width: 200 }}
				step={1}
				minimumValue={0}
				maximumValue={100}
				value={value}
				onValueChange={setValue}
				minimumTrackTintColor={'#00629A'}
				maximumTrackTintColor={'#979EA4'}
			/>
		</>
	)
}
Lenguaje dominante
TypeScript
Estrellas
1.4k
Forks
295
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de callstack/react-native-slider

Todos los issues de callstack/react-native-slider

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.