[0.58] Inverted FlatList fast scrolling still doesn't work properly on Android P
See original GitHub issueEnvironment
React Native Environment Info: System:
- OS: macOS High Sierra 10.13.6
- CPU: (4) x64 Intel® Core™ i5-7500 CPU @ 3.40GHz
- Memory: 27.94 MB / 8.00 GB
- Shell: 3.2.57 - /bin/bash
Binaries:
- Node: 8.11.2 - /usr/local/bin/node
- Yarn: 1.10.0 - /usr/local/bin/yarn
- npm: 5.6.0 - /usr/local/bin/npm
- Watchman: 4.9.0 - /usr/local/bin/watchman
Android SDK:
- API Levels: 28
- Build Tools: 28.0.3
IDEs:
- Android Studio: 3.1 AI-173.4720617
npmPackages:
- react: 16.6.3 => 16.6.3
- react-native: 0.58.0 => 0.58.0
Test Device - Xiaomi Pocofone F1 - Android Pie - 9
Description
Fast scrolling will scroll back to where you start scrolling
Related to: #19434 The issue has been closed and locked but looks like the issue still exist even in 0.58 commit b971c5b
Reproducible Demo
- react-native init InvertScrollTest
- edit App.js
or similar from #19434 With Android P public beta installed - https://snack.expo.io/BklXgV8Nk7
Expected Behavior
Smooth scrolling Fast scrolling up will not scroll down Fast scrolling down will not scroll up
Actual Behavior
Tested Device - Xiaomi Pocofone F1
Slow scroll up from INDEX - 0 then Fast scroll up
Slow scroll down from INDEX - 19 then Fast scroll down
Issue Analytics
- State:
- Created 5 years ago
- Reactions:6
- Comments:11
Top Results From Across the Web
Scroll doesn't work properly on using a inverted FlatList in ...
If I use a FlatList with invert prop, I am unable to scroll through list. To be precise I can't use the fling...
Read more >ScrollView - React Native
When true, the scroll view stops on the next index (in relation to scroll position at release) regardless of how fast the gesture...
Read more >Getting a React Native FlatList to be Performant | Codementor
My experience getting a react-native FlatList component to render without a noticable lag until items will respond to UI onPress events.
Read more >Instant Performance Upgrade: From FlatList to FlashList
Shopify's React Native Foundations team created FlashList, a fast and ... Once we've identified an ambitious problem, we develop a practical ...
Read more >React Native: How To Build Bidirectional Infinite Scroll
FlatList from React Native has built-in support for infinite scroll in a single direction (from the end of the list). You can add...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Same issue in the new 0.59.1 version 😦
👋 0.58.3 is out, can you let me know if this still happens?