question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[0.58] Inverted FlatList fast scrolling still doesn't work properly on Android P

See original GitHub issue

Environment

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 screen shot 2019-01-25 at 5 37 54 pm

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

  1. react-native init InvertScrollTest
  2. edit App.js screen shot 2019-01-25 at 5 42 20 pm

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 fast scroll up

Slow scroll down from INDEX - 19 then Fast scroll down fast scroll down

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:6
  • Comments:11

github_iconTop GitHub Comments

2reactions
davidcortcommented, Mar 25, 2019

Same issue in the new 0.59.1 version 😦

2reactions
kelsetcommented, Jan 29, 2019

👋 0.58.3 is out, can you let me know if this still happens?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found