Thumb flickers and jumps when slider value is set programmatically
維護者通常 2 天內回覆
@draggie 已經在處理了。
開始於 2025年7月17日。
評估
這個 Issue 還沒有評估資料。
描述
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'}
/>
</>
)
}
- 主要語言
- TypeScript
- 星號
- 1.4k
- 分支
- 297
- 平均合併
- 3 天 4 小時
- 30 天內合併 PR
- 11
環境準備
- 沒有 Dockerfile 或 Docker Compose 檔案
- 有 Pull Request 範本
- 閱讀貢獻指南
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
callstack/react-native-slider 的其他 Issue
-
Web: value={0} with a negative minimumValue renders the thumb at the minimum可能已有人在做 @huytdps13400 於 26 天前認領。 未關閉
難度 2/5 1-3 小時 新手友好度 78/100
callstack/react-native-slider#828 ·
維護者通常 2 天內回覆
-
Missing peerDependencies for react and react-native causes duplicate React instances in pnpm monorepos可能已有人在做 @patrickwehbe 於 130 天前認領。 未關閉bug report
難度 1/5 1 小時以內 新手友好度 68/100
callstack/react-native-slider#769 ·
維護者通常 2 天內回覆
-
Web: step snapping ignores minimumValue可能已有人在做 @RaphaelFakhri 於 8 天前認領。 未關閉platform: Web v6
難度 2/5 1-3 小時 新手友好度 35/100
callstack/react-native-slider#840 ·
維護者通常 2 天內回覆
-
bug report platform: iOS v6
難度 4/5 3-5 天 新手友好度 42/100
callstack/react-native-slider#782 · 6 則留言 ·
維護者通常 2 天內回覆
-
bug report
難度 3/5 1-2 天 新手友好度 35/100
callstack/react-native-slider#767 ·
維護者通常 2 天內回覆
查看 callstack/react-native-slider 的全部 Issue
相似的 Issue
-
e2e-failure ready-to-code
難度 1/5 1 小時以內 新手友好度 82/100
redhat-developer/rhdh-plugin-export-overlays#4616 · 1 則留言 ·
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 78/100
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 66/100
維護者通常 1 天內回覆
-
ai-handle
難度 2/5 1-3 小時 新手友好度 72/100
nextlevelbuilder/dewee-web-v2#73 ·
維護者通常 1 天內回覆
-
backend bug good first issue
難度 2/5 1-3 小時 新手友好度 70/100
PoCInnovation/Distribox#255 ·
維護者通常 1 天內回覆