android onScrollEndDrag throttled by scrollEventThrottle
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- C++
- Sterne
- 127k
- Forks
- 25.3k
- Ø Merge
- 1 T. 23 Std.
- Gemergte PRs (30 T.)
- 4
Beschreibung
Description
on android, onScrollEndDrag can be prevented by a non-zero scrollEventThrottle value.
Steps to reproduce
- using below code, scroll/fling with any kind of velocity and notice the
onScrollEndDragmessage is not logged. - repeat without flinging/no velocity (hold same scroll position for >250ms before releasing), notice the
onScrollEndDragmessage is logged.
<FlatList
data={[1,2,3,4]}
onScrollEndDrag={() => console.log('onScrollEndDrag')}
renderItem={() => <View style={{height: 400}} />}
scrollEventThrottle={250}
/>
React Native Version
0.73.6
Affected Platforms
Runtime - Android
Output of npx react-native info
info Fetching system and libraries information...
System:
OS: macOS 14.4.1
CPU: (10) arm64 Apple M1 Pro
Memory: 264.94 MB / 32.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 18.20.1
path: ~/.nvm/versions/node/v18.20.1/bin/node
Yarn:
version: 1.22.19
path: ~/.yarn/bin/yarn
npm:
version: 7.24.2
path: ~/code/react-native-sydney-components/node_modules/.bin/npm
Watchman:
version: 2024.04.15.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods:
version: 1.15.2
path: /Users/AG63864/.rbenv/shims/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 23.4
- iOS 17.4
- macOS 14.4
- tvOS 17.4
- visionOS 1.1
- watchOS 10.4
Android SDK:
API Levels:
- "33"
- "34"
Build Tools:
- 33.0.1
- 34.0.0
System Images:
- android-34 | Google Play ARM 64 v8a
Android NDK: Not Found
IDEs:
Android Studio: 2023.2 AI-232.10300.40.2321.11567975
Xcode:
version: 15.3/15E204a
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.11
path: /Users/AG63864/.jenv/shims/javac
Ruby:
version: 3.1.1
path: /Users/AG63864/.rbenv/shims/ruby
npmPackages:
"@react-native-community/cli": Not Found
react:
installed: 18.2.0
wanted: 18.2.0
react-native:
installed: 0.73.6
wanted: 0.73.6
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: false
newArchEnabled: false
iOS:
hermesEnabled: Not found
newArchEnabled: Not found
info React Native v0.74.0 is now available (your project is running on v0.73.6).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.74.0
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.74.0
info For more info, check out "https://reactnative.dev/docs/upgrading?os=macos".
Stacktrace or Logs
n/a
Reproducer
https://github.com/scrungrth/android-scroll-throttle-reproducer
Screenshots and Videos
No response
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne damit, das Problem mit dem verknüpften Android-Scroll-Throttle-Reproducer und dem FlatList-Beispiel zu reproduzieren, und vergleiche dabei das Verhalten bei fling und ohne fling. Verfolge anschließend React Natives Android-Behandlung von onScrollEndDrag zusammen mit scrollEventThrottle und füge dann Regressionstests für beide Fälle hinzu. Als erledigt gilt die Aufgabe, wenn der Callback konsistent zugestellt wird, sobald ein von null verschiedener Throttle konfiguriert ist.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- android, react-native, typescript
- Bereich
- mobile
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 45/100