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.

Jumping not solved on Android when scrolling up

See original GitHub issue

First I would like to thank you for this publication with flat-list-mvcp and effort to solve the jumping problem on Android. In my case, after setting the maintainVisibleContentPosition, the jumping problem disappeared on iOS but still present on Android. Here is what happens on Android when scrolling up (scrolling down no problem) , flashing and jumping :

Bouncing on Android

I share some code snippets here so you can check if I made a mistake using FlatList :

import { FlatList } from 'react-native-bidirectional-infinite-scroll';

const viewConfigRef = useRef({
    itemVisiblePercentThreshold: 90,
    minimumViewTime: 200,
  });

  <FlatList
    data={moments}
    keyExtractor={keyExtractor}
    renderItem={renderMomentItem}
    horizontal={false}
    numColumns={1}
    viewabilityConfig={viewConfigRef.current}
    onViewableItemsChanged={onViewRef.current}
    ref={setRef}
    onScrollToIndexFailed={onScrollToIndexFailedMoments}
    onEndReached={loadMoreOlderMessages}
    onStartReached={loadMoreRecentMessages}
    onEndReachedThreshold={0.4}
    scrollEventThrottle={20}
    bounces={false}
    windowSize={5}   // tried without windowSize, with 5 or 10 same behaviour
    showsVerticalScrollIndicator={false}
    ListFooterComponent={
      momentLoading ? <ActivityIndicator size='large' /> : renderFooter
    }
    maintainVisibleContentPosition={{
      autoscrollToTopThreshold: undefined,
      minIndexForVisible: 0,
    }}
  />

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:14

github_iconTop GitHub Comments

2reactions
lc3t35commented, Mar 31, 2021

@vishalnarkhede could you please solve https://github.com/GetStream/flat-list-mvcp/issues/13 which prevents me to test this issue ?

1reaction
vishalnarkhedecommented, Apr 12, 2021

Is it possible for you to share the app codebase with me? I am happy to help figure out the issue!! Or if you can setup independent code example … where you can replicate this issue, that will work as well.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to fix Android Phone scrolling problem-Carlcare
Here are the simple solutions to fix Android phone scrolling problem by yourself! You can try to update system, turn off developer options...
Read more >
Fix Automatic Page Scroll Jumping on Chrome for ... - Gtricks
When you start reading the article before the webpage has completely loaded, it can jump scrolls where the content position moves because of...
Read more >
How To Fix Phone Scrolling Problem On Android
The simple and effective solution to fix this scrolling problem is to restart the device. This will fix all the bugs and glitches...
Read more >
how to avoid scroll jumps in android - Stack Overflow
This error causes the scroll to jump and not look smooth. How can I solve this error? I couldn't find a good answer...
Read more >
How To Prevent Web Pages From Jumping Around When ...
Relaunch Chrome. chrome-flags-android chrome-flag-scroll-anchoring ... This will not speed up or slow down your browsing experience in way.
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